[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