treehouse : what would you like to learn today?
Web Design Web Development iOS Development

looking for help

  • Hello every one, i am new here

    I have a problem now, I have a very long legal document to put on the web. That document should respect that format:

    TITLE
    1. ***
    TITLE
    2. ***
    TITLE
    3. ***
    * ***
    TITLE
    4. ***
    5.***
    * ***
    TITLE
    6. ***.
    * 6.1 ****;
    * 6.2****

    what I want is to use the ordered list and define the TITLE as H2 elements. so the problem I have is if I do this, I would have to rely on the deprecated element “start” and “value†which I would like to avoid. I could have use the counter-increment property but it doesn't work in IE 6 and I need this page to be cross-browser compatible.
    so do you have any idea about it, could you help me, thank u :)
  • What you posted as deprecated elements is showing up garbled... and I can't think of what you might mean there.

    On the other hand, I know this HTML won't validate, but it works. Will it work for you?
    <ol>
    <h2>TITLE</h2>
    <li>***</li>
    <h2>TITLE</h2>
    <li>***</li>
    <h2>TITLE</h2>
    <li>***<br>***</li>
    <h2>TITLE</h2>
    <li>***</li>
    <li>***</li>
    <h2>TITLE</h2>
    <li>***
    <ol>
    <li>***</li>
    <li>***</li>
    </ol>
    </li>
    </ol>
    or if you need it to validate, it's a bit more markup:
    <h2>TITLE</h2>
    <ol>
    <li>***</li>
    </ol>

    <h2>TITLE</h2>
    <ol start="2">
    <li>***</li>
    </ol>

    <h2>TITLE</h2>
    <ol start="3">
    <li>***<br>***</li>
    </ol>

    <h2>TITLE</h2>
    <ol start="4">
    <li>***</li>
    <li>***</li>
    </ol>

    <h2>TITLE</h2>
    <ol start="6">
    <li>***
    <ol>
    <li>***</li>
    <li>***</li>
    </ol>
    </li>
    </ol>


  • Is there a reason it has to use ordered lists? The structure looks more like an outline than a list format.

    <h1>TITLE</h1>
    <h2>1. ***</h2>
    <h1>TITLE</h1>
    <h2>2. ***</h2>
    <h1>TITLE</h1>
    <h2>3. ***</h2>
    <p>* ***</p>
    <h1>TITLE</h1>
    <h2>4. ***</h2>
    <h2>5.***</h2>
    <p>* ***</p>
    <h1>TITLE</h1>
    <h2>6. ***.</h2>
    <h3>* 6.1 ****;</h3>
    <h3>* 6.2****</h3>