[thelist] CSS list style question
Joe Crawford
joe at artlung.com
Fri Jun 25 19:12:30 CDT 2004
On Sat, 26 Jun 2004, George E. Papadakis wrote:
> The only thing u can really do , as I see it is set float: left to all
> lis and then use make the ul's width > li.width * 2. That will cause the
> 2 last lis move to the next level.
something like this?
<style type="text/css">
div#nav ul {
display: block;
list-style: none;
width: 200px;
padding: 0;
margin: 0;
}
div#nav ul li {
width: 100px;
float: left;
background-color: #eee;
}
</style>
<div id="nav">
<ul>
<li>First LI</li>
<li>Second LI</li>
<li>Third LI</li>
<li>Fourth LI</li>
</ul>
</div>
It was asked...
> > Haven't seen this in listamatic, and not sure how to google for it; Any
> > suggestions on how to style a UL list of links like this:
> > +--------------+--------------+
> > | First LI | Second LI |
> > +--------------+--------------+
> > | Third LI | Fourth LI |
> > +--------------+--------------+
-Joe
--
Joe "ArtLung" Crawford AIM:artlung Phone:619-516-4550
LAMP Host Evangelist, Web Designer, Web Developer, WebSanDiego.org List Guy
http://joecrawford.com/ http://lamphost.net/ http://artlung.com/
http://artlung.com/blog/ http://sandiegobloggers.com/
http://sandiegoblog.com/ http://websandiego.org/
More information about the thelist
mailing list