[HTML/CSS] Oblewanie obrazka tekstem

[kowax1]

Witam,
mam taki oto problem, chcialbym zeby na stronce bylo tak ja na tym rysunku ponizej tylko ze bez uzywania tabeli, nie za bardzo wiem jak to zrobic, gdyz jestem w tych sprawach laikiem. Bardzo prosze o pomoc.



Serdecznie dziekuje.

[Fingon]

[xml]
<p>
<img src="obrazek.gif" align="right" />
<div align="right">
teksttek
sttekstt
eksttekst
teksttekst
teksttekst
teksttekst
tekstteksttek
stteksttek
sttekstteks
tteksttekstt
ekstteksttek
stteks
</div>
</p>[/xml]

powinno działać

[kowax1]

Rewelacja, piekne dzieki!

[Mateusz Bogolubow]

ja proponuje isc troche do przodu i uzyc styli dla obrazka

Kod: Zaznacz cały

style="float: right;"

[Stig]

Niestety rozwiązanie przedstawione przez Fingona nie wydaje się być w pełni idealne, głównie przez brak semantyki (złe zastosowanie elementów) i niezgodność ze standardami (brak rozdzielenia warstwy prezentacji od struktury, o czym wspomniał już Mateusz - użycie atrybutu align, który w specyfikacji języka XHTML 1.0 określony jest jako Deprecated).
Istnieją tak naprawdę dwie możliwości rozwiązania tego zadania związane z dwiema możliwościami zachowania tekstu względem obrazka:

1) w przypadku, gdy tekst ma oblewać obrazek najlepszym rozwiązaniem wydaje się nadanie elementowi wyświetlającemu akapit tekstu atrybut clear o wartości left oraz nadanie elementowi wyświetlającemu grafikę atrybut float o wartości right. Przykład:

Kod: Zaznacz cały

<img style="float: right;" />
<p style="clear: left">tekst<br />tekst<br />tekst<br />tekst<br />tekst<br />tekst</p>

2) w przypadku, gdy tekst nie ma oblewać obrazka najlepszym rozwiązaniem wydaje się nadanie obu elementom atrybutu float o wartości left, oraz dodatkowo elementowi img nadanie atrybutu display o wartości block. Przykład:

Kod: Zaznacz cały

<p style="float: left;">tekst<br />tekst<br />tekst<br />tekst<br />tekst<br />tekst</p>
<img style="float: left; display: block;" /><br style="clear: both;" />

Oczywiście niezbędne w w/w przypadku okazuje się "wyczyszczenie", które to realizowane jest przez znacznik br.