Horizontal list coding

Hi Envinyatar,
You code the list as a normal list then to display a list horizontally you can set the CSS display property to inline or float the li's.
Here's a great article on lists http://www.alistapart.com/articles/taminglists/

Hope that helps

This is exactly what I was looking for.

Thanks Tony

Now I have run into another problem.

In the Mozilla browser it displays the list as horizontal, but in IE it still shows it as vertical. Is there something not right here?

td.topnav {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 100px;
	text-align: left;
	font-family: Verdana,Arial,Tahoma;
	font-size: 8pt;
	color: #000;
	background-color: #b5cff7;
	}
td.topnav ul { margin-left: 0px; padding-left: 0px; display: inline; }
td.topnav li {
	margin-left: 0px;
	padding: 3px 10px;
	height: 40px;
	width: 100px;
	display: inline;
	}
td.topnav li a {
	display: block;
	display: inline;
	margin: 0px;
	padding: 3px 10px;
	height: 40px;
	width: 100px;
	text-decoration: none;
	color: #000;
	}
td.topnav ul li a:hover { background-color: #ecf5ff; }

Hi Envinyatar,
Is the page in quirks mode?

Quirks mode??

Hi Envinyatar,
There's been heaps of talk about quirks and standards mode here.
IE renders closer to everything else if it's in standards mode. To be in standards mode it needs a correct doctype.

Can you link to an example page so we can see whats happening.

:oops:

I had set the cell I was working in to a certain width and IE was wrapping the text. That's why it seems as if the list was vertical.

Sorry to bother you Tony.