szybka porada.. obrazek w css?

[maxi200]

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

[Kartofelek]

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.

[maxi200]

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 ....................................................................
...................................................................................................
..................................................................................................

[swinia]

a możesz pokazać swój kod??

[maxi200]

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ć??

[Dhofca]

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.

[Ancik]

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 .

[Kartofelek]

<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

[Ancik]

Potwierdzam

[maxi200]

wielkie dzięki o to mi chodziło:-]