Horizontal list

[Krakatoa]

I'm trying to make a horizontal list. This is my simple CSS:

ul {
color: #ffba00; }

li {
float: right;
margin-left: 3em;
display: list-item;
list-style-type: disc; }

and this is the HTML:

<ul>
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
</ul>

With FF it's rendered in the right manner, but with IE there's no way to make it draw the dots before each item.
Why???

[ukgeoff]

Its something to with using the float attribute in IE.

Annoying as it might be, are you trying to fix something you don't need to worry about? It's most unusual to have bulletts alongside menu items.

If your intention is to construct a horizontal menu, then I wouold set list-style-type: none.

[herkalees]

Try removing "display: list-item;"

[drd]

If that still doesnt work play around with:

list-style-position: inside

and

list-style-position: outside

[masonbarge]

IMO, just put a character as a list item and stop sweating it. I think MS webdings has a dot and is a standard font.

The site I'm working on has a horizontal list separated by vertical bars, which I thought looked nice:

Code: Select all

<ul>
<li><a href="l">Site Map</a></li>
<li>|</li>
<li><a href="index.php">Forum</a></li>
<li>|</li>
<li><a href="">Login</a></li>
<li>|</li>
<li><a href="">FAQs</a></li>
<li>|</li>
<li><a href="archives/index.html">News Archives</a></li>
<li>|</li>
<li><a href="mailto:editor@dhreport.com">Contact Daily Health</a></li> </ul>