Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Creating HTML Content Create Navigation with Lists

Posted by Marie Atterbury
Marie Atterbury
1,348 Points

When I try to add links within each element in my unordered list, this apparently breaks the list

I seem to recall from the task video that I should be able to add links in an <a> tag within each unordered list element. However, when I do this, the task checker seems to imply that I've broken the list that I created in the previous step. Can you review the code I've submitted and let me know if there's something I'm doing wrong here?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>MAtterbury</title>
  </head>

  <body>
    <header>
      <a href="index.html">
        <h1>MAtterbury</h1>
        <h2>subtitle</h2>
      </a>
      <nav>
        <ul>
          <li>
            <a href="index.html">Porfolio</a>
          </li>
          <li>
            <a href="about.html">About</a>
          </li>
          <li>
            <a href="contact.html">Contact</a>
          </li>         
        </ul>
      </nav>
    </header>
    <section>
      <p>Gallery will go here</p>
    </section>
    <footer>
      <p>&copy; 2017 Marie Atterbury</p>
    </footer>
  </body>

</html>

1 Answer

Alexander La Bianca
Alexander La Bianca
15,959 Points
Alexander La Bianca
Alexander La Bianca
15,959 Points

This is odd. I used the link to the challenge you provided and I was able to pass it with your markup. The only difference I had was that my <li><a></a></li> were all on the same line. I know it should not matter, but sometiems these challenges freak out about simple stuff like that.