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

Forums

Illustration by Nick Sirotich

List in a list

  • Frodo64
    Permalink to comment #
    I need to make a list in a list, for ex.:

    <ul id="cat">
    <li><a href="#">Merginos</a></li>
    <li><a href="#">Vaikinai</a></li>
    <li><a href="#">Auto</a></li>
    <ul>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Mazda</a></li>
    </ul>
    <li><a href="#">Moto</a></li>
    <li><a href="#">Gamta</a></li>
    <li><a href="#">Portretai</a></li>
    <li><a href="#">KelionÄ—s</a></li>
    <li><a href="#">Gyvūnai</a></li>
    <li><a href="#">Namai</a></li>
    </ul>

    But, i can't pass w3c xhtml valdidate. What's wrong?
  • daGUY
    Permalink to comment #
    The secondary list needs to be contained within the list item that it falls under. So your code should look like this:

    <ul id="cat">
    <li><a href="#">Merginos</a></li>
    <li><a href="#">Vaikinai</a></li>
    <li><a href="#">Auto</a>
    <ul>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Mazda</a></li>
    </ul>
    </li>
    <li><a href="#">Moto</a></li>
    <li><a href="#">Gamta</a></li>
    <li><a href="#">Portretai</a></li>
    <li><a href="#">KelionÄ—s</a></li>
    <li><a href="#">Gyvūnai</a></li>
    <li><a href="#">Namai</a></li>
    </ul>

    Note how the closing </li> for "Auto" comes after the secondary <ul> is opened and closed.
  • Frodo64
    Permalink to comment #
    Thanks :)
Add a Comment