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 Claude Sinclair Adams
Claude Sinclair Adams
614 Points

my answer seems correct but why does it seem like my code is wrong? Link the portfolio to index.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Sinclair Adams | World Class Traveler</title> </head> <body> <header> <a href="index.html"> <h1>Sinclair Adams</h1> <h2>World Class Traveler</h2> </a> <nav> <ul> <li><a href="index.html"></a>Portfolio</li> <li><a href="about.html"></a>About</li> <li><a href="contact.html"></a>Contact</li> </ul> </nav> </header> <section> </section> <footer>© Sinclair Adams</footer>

</body> </html>

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html"></a>Portfolio</li>
          <li><a href="about.html"></a>About</li>
          <li><a href="contact.html"></a>Contact</li>
        </ul>
      </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Steve Hunter
Steve Hunter
57,712 Points

You are closing the anchor tag too soon:

<li><a href="index.html"></a>Portfolio</li>

That should look like this for each of the links - the closing anchor tag comes after the text that makes up the link:

<li><a href="index.html">Portfolio</a></li>

I hope that helps!

Steve.

Steve Hunter
Steve Hunter
57,712 Points

The added code for this challenge shold end up looking like this:

      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
Claude Sinclair Adams
Claude Sinclair Adams
614 Points
Claude Sinclair Adams
Claude Sinclair Adams
614 Points

Thank you so much Steve:) Thats a big help

Steve Hunter
Steve Hunter
57,712 Points

No problem! :-)