Witam,

Czy po użyciu floatów (left/right) konieczne jest stosowanie jawnej
konstrukcji np. <div style="clear:both"></div>? Może istnieje możliwość
stworzenia tego efektu w alternatywny sposób. Moglibyśmy np. rozważyć listę
linków:
<ul>
<li><a...>link</a></li>
<li><a...>link</a></li>
<li><a...>link</a></li>
</ul>

Wszystkie li niech mają float:left. Zamiast dodawać na końcu <li
style="clear:both... byłoby dobrze z punktu ilości kodu HTML aby znacznik
zamykający </ul> pełnił taką funkcję lub jakiś inny trik. Niestety
znaczników zamykających nie ostylowuje się. Czy jest na to jakaś metoda?

Pozdrawiam,
Marek

do góry

Marek pisze:

> Wszystkie li niech mają float:left. Zamiast dodawać na końcu <li
> style="clear:both... byłoby dobrze z punktu ilości kodu HTML aby
> znacznik zamykający </ul> pełnił taką funkcję lub jakiś inny trik.
> Niestety znaczników zamykających nie ostylowuje się. Czy jest na to
> jakaś metoda?

Podejrzewam, ze idealnym rozwiazaniem bylyby
https://developer.mozilla.org/pl/CSS/:last-child
https://developer.mozilla.org/pl/CSS/:last-node

Ide o zaklad, ze "w IE nie dziala" :)

Jesli nie to, to nie przychodzi mi do glowy nic innego, jak oCSSowanie
tego JavaScriptem, a tego nie chcemy, bo widze, ze zwracasz uwage na
ilosc kodu :) A w tym kontekscie czy napiszesz przy kazdym ostatnim
<li style="...
czy utworzysz osobny styl dla ostatniego potomka... na to samo chyba
wyjdzie.



Pozdrawiam.
--
[= WRonX =] [= W...@-...NET =] [= http://WRonX.NET =]
[= GCS/CC d->++ s+:- a- C++++$ U P>++ L+ !E W+++$ N++(+++) =]
[= !o-- K-? w++$ !O !M- !V-- PS+ PE !Y !PGP !t !5 X++ R++ =]
[= tv+ b+++ DI++ D+ G+ e+++ h--->---- r+++ y? =]

do góry

On 2009-12-17 11:48, Marek wrote:
> Czy po użyciu floatów (left/right) konieczne jest stosowanie jawnej
> konstrukcji np. <div style="clear:both"></div>?

Nie, to rozwiązanie dla ludzi cierpiących na dysgóglię ;)
http://lmgtfy.com/?q=clear+float

do góry

> Nie, to rozwiązanie dla ludzi cierpiących na dysgóglię ;)
> http://lmgtfy.com/?q=clear+float

A tak, faktycznie :) overflow:auto jest rozwiązaniem :-)

do góry

Zerknij co znalazłem:
http://kurs.browsehappy.pl/CSS/Float

overflow:auto jest rozwiązaniem :-)

do góry