Re: CSS zalomeni textu

From: mail@pp21.cz
Date: 16. 10. 2002, 14:13 CEST


Kamil Sverak <sverak@csadbk.cz>:

> Mam obrazek <IMG ALIGN="left" SRC...> a dale
> text.. v nejake fazi chci text prerusit a
> dat <HR> a pokracovat pod obrazkem...
>
> Na tom ALIGN u IMG netrvam, napsal jsem to spise
> proto aby bylo jasny jak se ma ten text chovat..
>
> Jo tabulku nechcu. Chtel bych to pomoci css.


To co hledas se jmenuje 'clear'.

===== html verze =====
Pokud se chces obejit bez css, udelej to takhle:
--------------------------
<img src="..." alt="" align="left">
Nejaky ten text, ktery nebude pokracovat pod obrazkem,
pokud se vejde vedle nej.
<br clear="all">
... a tohle uz bude pod obrazkem za vsech okolnosti.
--------------------------

Hodnota pro clear u <br> muze byt bud left, right, nebo all. Ve tvem
pripade by stacilo i left, pokud teda nemas jeste nejaky (vetsi) obrazek
na druhe strane.


===== css verze =====
Je to v podstate totez, jen pred nasledujicim textem musi byt nejaky
block element, s nastavenym 'clear'. Treba takhle:
--------------------------
<img src="..." alt="" style="float: left;">
Nejaky ten text, ktery nebude pokracovat pod obrazkem,
pokud se vejde vedle nej.
<br style="clear: both;">
... a tohle uz bude pod obrazkem za vsech okolnosti.
--------------------------

Njsem si uplne jistej, tim pouzitim u <br>, sice to funguje, ale to
jeste neznamena, ze je to spravne... Radeji bych pouzil tohle:
--------------------------
<img src="..." alt="" style="float: left;">
<p>
Nejaky ten text, ktery nebude pokracovat pod obrazkem,
pokud se vejde vedle nej.
</p>
<p style="clear: both;">
... a tohle uz bude pod obrazkem za vsech okolnosti.
</p>
--------------------------

Opet plati, ze v tvem pripade by hodnota 'clear' mohla byt 'left'. Dalsi
mozny jsou none, both, right a inherit.
http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#flow-control


Staci takhle?


-pp21-



This archive was generated by hypermail 2.1.2 : 16. 10. 2002, 14:15 CEST