What is the coding to make a horizontal list?
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
Horizontal list coding
This is exactly what I was looking for.
Thanks Tony
Horizontal list coding
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; }
Horizontal list coding
Hi Envinyatar,
Is the page in quirks mode?
Horizontal list coding
Quirks mode??
Horizontal list coding
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.
Horizontal list coding
: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.