How do I style a horizontal <ul> list

[rafi]

How do I style a horizontal <ul> list in IE6 using CSS?

Instead of:

o Item1
o Item2
o Item3

I would like to have:

Item1 | Item2 | Item3

Thanks.

 

[RobertVA]

How do I style a horizontal <ul> list in IE6 using CSS?

Instead of:

o Item1
o Item2
o Item3

I would like to have:

Item1 | Item2 | Item3

Thanks.

At least two options:

Put each item in a <div> and use the CSS float property
http://home.tampabay.rr.com/bmerkey/cheatsheet.htm. Look for "float" and
"clear" in the "Box Properties (Cont)" section. You should be able to
create a horizontal row containing multiple <div> boxes.

Use a row of data cells in a HTML table (<table> , <tr> table row, <td>
"table data" cell). See http://www.html-reference.com/ . Like the <div>
tag you can use EITHER CSS or HTML properties to give each block
characteristics like centered text, a graphical background, a solid
color background or no borders. With CSS you can even have borders
between the cells in a row without having borders at the top and/or
bottom of the row (for <td> OR <div>).

 

[PA Bear [MS MVP]]

See these MSDN pages: http://msdn2.microsoft.com/en-us/ie/default.aspx &
http://msdn2.microsoft.com/en-us/ie/aa740476.aspx

MSDN IE Development Forums
http://forums.microsoft.com/MSDN/default.aspx?ForumGroupID=253&SiteID=1