Inline Ordered Lists

Number not displaying

[knotmeg]

I wasn't sure if inline ordered lists worked well or not but I can't get the actual number or bullet (if UL) to display. I've done:

#inline ol {
 
 
margin: 0;
 
 
padding: 0;
 
}
 
#inline ol li {
 
 
display: inline;
 
}
 

Something to that effect. Even after messing with the margin/padding in the LI, the darn marker wouldn't display in IE6. Of course it works in everything else.

Does anyone know a fix that will show the marker or is it just something not doable? I'd rather not have to do a UL and hard code in the numbering.

[drbrain]

Welcome to Webmaster World!

Could you describe what effect you're trying to achieve? What you've got there will hide the bullets, because the margin and padding are used to display the bullets.

[Reflection]

This article [alistapart.com] might help you out.

[knotmeg]

Well I did look at that article and it didn't have what I was looking for. Basically what I'm trying to achieve is this:

1. Some Text 2. Some Text 3. Some Text 4. Some Text

And when it wraps, after #4, the whole LI would wrap, not just part of the text (

white-space: nowrap

).

This works doing the

display:inline

in Gecko browsers but the only problem seems to be in IE6. In IE6, the numbers disappear no matter what I set the margin and padding to.

Any ideas?

Thanks :)

J

[Reflection]

Hmmm your right that article doesnt help.

Ive got it to work in Mozilla using float:left; on the li's but so far no luck with IE.

[DrDoc]

...so far no luck with IE

#hort li {
float: left;
}
#hort li a {
padding-right: .5em;
display: list-item;
list-style: circle inside none;
}

The only problem is that you can't use an ordered list (or decimal type 'bullet' for your anchor). All the numbers will be the same. :(

[knotmeg]

I know, strange bug in IE6. I've just dumped the Ordered List idea and gone for just floated div's with hardcoded numbers :(