+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: szybka porada.. obrazek w css? (/thread-szybka-porada-obrazek-w-css)
szybka porada.. obrazek w css? - maxi200 - 14-01-2011
sprawa wygląda tak, że robię stronę (jakąś prostą) mam problem z wstawianiem obrazków jpg a mianowicie chce np: żeby na jednej ze stron były trzy obrazki po lewej stronie a pod każdym z nich tekst i nie mogę tego zrobić w HTMLu . Wyczytałem że robi się to w CSS ale jakoś nie mogę zakumać jak mam to wykonać.
proszę o pomoc bo mam na weekend ta stronę zrobić
może dodam jeszcze:
w HTMLu robię to tak
<img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" align="ustawienie" />
ale wtedy nie mogę odległości w pionie ostawiać i tekst w cały świat się ustawia, sumuje razem a ja chce żeby był pod każdym obrazkiem osobno
pomóżcie
RE: szybka porada.. obrazek w css? - Kartofelek - 14-01-2011
W css nie robi się obrazków. Obrazki robi się tak jak napisałeś. Potem się je styluje za pomocą CSS. Niestety twój post jest za mało czytelny by zrozumieć o co ci chodzi.
"pionie ostawiać i tekst w cały świat się ustawia, sumuje razem a ja chce żeb". W samym tym kawałku jest z 10-15 błędów. Nie do zrozumienia.
RE: szybka porada.. obrazek w css? - maxi200 - 14-01-2011
dziękuje za odpowiedz przepraszam, że wyrażam się mało zrozumiale
postaram się objaśnić jaki efekt chce uzyskać:
nagłówek :powiedzmy moje miasto (umieszczony centralnie)
powiedzmy że X=obrazek jpg (chce zeby był z lewej strony)
podpis pod obrazkiem
a wiec tak:
MOJE MIASTO
X
to jest zabytkow zamek przy ulicy jakies tam......................................
.....................................................................................................
.....................................................................................................
X
to jest stary kośćół z lat ..................................................................
....................................................................................................
....................................................................................................
X
Park imienia Ludwika ....................................................................
...................................................................................................
..................................................................................................
RE: szybka porada.. obrazek w css? - swinia - 14-01-2011
a możesz pokazać swój kod??
RE: szybka porada.. obrazek w css? - maxi200 - 14-01-2011
Na razie sobie poradziłem jakoś dałem jakoś
<img src="katedra.jpg" alt="Tu podaj tekst alternatywny" align="left" />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
b><font color="#f4f4f4"><p align="justify"><font size="7">Katedra</font>
<br />
w 19 wieku ..........................................................</p></font></b>
wyświetla sie tak jak chciałem nawet nawet fajnie bo zam napis katedra zostawiłem po prawej stronie obrazka a reszta tekstu pod spodem
może tak być czy jak ktoś otworzy ta stronę na innym kompie na innej rozdzielczości to mogą powychodzić jakieś nieprawidłowości, przesunięcia??
chyba że jakieś lepsze rozwiązanie możecie zaproponować??
RE: szybka porada.. obrazek w css? - Dhofca - 14-01-2011
Po tym kodzie można się spodziewać wszystkiego. Przeczytaj jakiś kurs, bo to co wkleiłeś nie nadaje się do niczego.
A na przyszłość - czytaj to co napiszesz zanim zatwierdzisz odpowiedź, używaj BBCode i słownika.
RE: szybka porada.. obrazek w css? - Ancik - 14-01-2011
Witaj,
Jeżeli potrafisz użyc CSS, to nie spamuj tak tymi br'ami
. Kod:
<img class="pozycja-obrazka" src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" align="ustawienie" />Teraz idź i styluj ten obrazek za pomocą CSS
.
RE: szybka porada.. obrazek w css? - Kartofelek - 14-01-2011
<style>
.obrazek {float:left;}
p {clear:both; font:12px Arial;}
</style>
<img class="obrazek" src="......" width="" height="" />
<p>
Lorem ipsum
</p>
<img class="obrazek" src="......" width="" height="" />
<p>
Lorem ipsum
</p>
<img class="obrazek" src="......" width="" height="" />
<p>
Lorem ipsum
</p>
W sumie nie powinniśmy ci pomagać, bo po twoim kodzie wyraźnie widać, że nie przeczytałeś ŻADNEGO kursu - choćby zupełnych podstaw. Zapraszamy więc do lektury i wróć po pierwszy stronach takiej nauki
RE: szybka porada.. obrazek w css? - Ancik - 14-01-2011
Potwierdzam
RE: szybka porada.. obrazek w css? - maxi200 - 14-01-2011
wielkie dzięki o to mi chodziło:-]