Autor Zpráva
Trája
Profil *
Mám blok textu a obrázek. Pokud chci, aby text obtékal kolem obrázku, situace je jednoduchá, např.:
<img src='n.jpg' style='float: right;'>
Lorem ipsum...

V tomto případě bude horní okraj textu zařezávat s horním okrajem obrázku. Jak zajistit, aby tomu bylo opačně? Tedy aby obrázek byl na konci stránky, text začínal někde nad obrázkem a pak ho obtékal, přičemž spodní hrana textu by zařezávala se spodní hranou obrázku.

Zkoušel jsem experimentovat s pozicováním, relativním i absolutním, např.:
<div style='position: relative;'>
<img src='n.jpg' style='position: absolute; bottom: 0; right: 0;'>
Lorem ipsum...
</div>

V tomhle případě je sice obrázek v pravém dolním rohu, ale absolutně napozicovaný, tudíž není obtékán textem, který se zobrazí, respektive nezobrazí pod ním.

Existuje tedy nějaké rozumné řešení, jak na obtékaný prvek, který bude ležet na konci stránky?
kletely
Profil
Trája
Mám blok textu a obrázek. Pokud chci, aby text obtékal kolem obrázku, situace je jednoduchá, např.:
<img src='n.jpg' style='float: right;'>
Lorem ipsum...

float nie je určený na obtekanie na to je clear
http://www.jakpsatweb.cz/css/clear.html
Trája
Profil *
float nie je určený na obtekanie na to je clear
http://www.jakpsatweb.cz/css/clear.html[/i]
Vlastnost clear (clear: right/left/both) říká prvku, že má čekat na obtékané objekty, tedy na objekty s vlastností float: left nebo float: right. Prvky s floatem jsou vyjmuty z okolního textu a stávají se z nich plavci...

Mně jde zhruba o tohle:
xxxxxxxxx
xxxxxxxxx
xxxx OBR
xxxx OBR

A mělo by to být řešení nezávislé na délce a velikosti textu...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0