Fri, 2004-09-24 17:33
When floating list items left to create a horizontal menu, how do you "tidy the flow up". By this I mean ensure that the next element is going to appear below the menu type stuff.
At the moment I'm floating the containing element left and putting a clear:left on the next element.
<ul id="menu" style="float:left;"> <li style="float:left;">blah</li> <li style="float:left;">blah</li> <li style="float:left;">blah</li> </ul> <div id="content" style="clear:left;"></div>
Better way of doing it, or is that the most correct method?
Fri, 2004-09-24 19:04
#1
Another float question
There is absolutely no need (thank heavens) to float list items. Either
display: inline and / or display: block in the parent container is quite enough. The heads up is to be found as always at Listamatic.
Fri, 2004-09-24 19:10
#2
Another float question
Ah but I think there is when you want your <a> tags inside the <li> tags to be block-level elements?