Torin/Darren WhoEver (wolfieboy) wrote,
Torin/Darren WhoEver

  • Mood:

Being annoyed by CSS2 and HTML4

I'm currently trying to get nested, ordered lists in HTML to do numbering in what I would call outline order, i.e. 1, 1.1, 1.2, 2, etc. Unfortunately, I seem to keep failing. According to the CSS2 Spec on Nested Counters and Scope, I should be able to put
ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, "."); counter-increment: item }
into the style sheet of my document and have the nested ol's do their thing. But as you can see here, that's not happening. I've validated both the HTML and the CSS at W3C and they're both clean.

I am amused that both Firefox and IE get it wrong but wrong in different ways. Does anyone know how to do this?

Does anyone have any suggestions? I'm also posting this over on ljgenie for help there too.
Tags: html/css, queries
  • Post a new comment


    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.