RE: [WSG] Horizontal ordered lists

[Drake, Ted C.]

Hi Angela
I was told of this issue recently and it is indeed a problem with ordered
lists. I don't remember what the solution was, but I think it involved
adding position:relative to the list items. You may also need to add
height:1%; with a * html filter to make IE give it layout.

See positioniseverything.com for more information on IE bugs.

Ted
www.tdrake.net


-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Angela Galvin
Sent: Monday, October 03, 2005 8:38 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Horizontal ordered lists

Hello,

I'm having a totally BIZARRE problem where I'm trying to style an 
ordered list so that it displays in a horizontal line WITHOUT losing 
the numbering.

The code and CSS I'm using is below:

div#sections_nav ol li {
        float : left;
        width :  80px;
        }

<div id="sections_nav">
        <ol>
                <li>Planning &amp;Strategy</li>
                <li>Issues &amp; Messages</li>
                <li>Channels &amp; Processes</li>
                <li>Style &amp; Culture</li>
                <li>Measurement</li>
                <li>Employee Involvement</li>
                <li>Skills</li>
        </ol>
</div>

As soon as I try to position the li using 'display: inline' or 'float: 
left' the numbering disappears in Internet Explorer.

????

I'm totally stumped! Any suggestions gratefully appreciated.

Many thanks,
Angela

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************