SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Feb 2007
    Location
    East of Ottawa, ON
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Orderder List + IE 7

    When I view the following code in Chrome/Firefox it shows up as intended but in IE 7 the 4th item shows up as 4.c and not 3.c like the other browsers, how can I make it work?

    This is what I'm looking for:

    1.a
    2.b
    Text
    3.c
    ect...

    Code CSS:
    ol { margin: 0; padding: 0; list-style-position:inside;}
    li { margin: 10px 0 10px 18px; }
    h3 { display: inline; }
    li.h3 { list-style-type: none; display:block; padding: 10px 0; }

    Code HTML4Strict:
    <ol>
      <li>a</li>
      <li>b</li>
      <li class="h3"><h3>text</h3></li>
      <li>c</li>
      <li>d</li>
      <li>e</li>
      <li>f</li>
      <li>d</li>
    </ol>

  2. #2
    SitePoint Zealot
    Join Date
    Feb 2007
    Location
    East of Ottawa, ON
    Posts
    118
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    anyone?

  3. #3
    SitePoint Wizard rguy84's Avatar
    Join Date
    Sep 2005
    Location
    Durham, NC
    Posts
    1,659
    Mentioned
    5 Post(s)
    Tagged
    0 Thread(s)
    that isn't too good of practice to use a heading in the middle of a list. Why not break the list in three elements? list,text,list. It shows up as the fourth because it is the fourth. Add value="3" to force it.
    Ryan B | My Blog | Twitter


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •