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

The Portfolio list item should link to "index.html". I don't see my error

Hello,

I cannot see my error here: What is wrong here? Thanks in Advance!

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <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>


        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

It worked finally! Thanks!

3 Answers

Ryan S
Ryan S
27,276 Points

Hi pythoncoder,

The issue is that you placed the nav element with its unordered list in the wrong spot. The challenge wants you to place it after the link in the header (after the </a> closing tag). However, you placed it inside the link.

To be honest, I'm not sure why your code passed up until that point, but moving it to the correct location should fix it.

Good luck.

Thank you!

Hey pythoncoder.

Ryan is correct here. You have the first <a href="index.html"> tag below the header tag. This closing </a> tag (as well as the <h1> and <h2> tags) are in the wrong place.

Your code:

<header>
      <a href="index.html">
        <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>


        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>

Correct syntax:

<header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <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>
    </header>

Hope this helps.

Thanks to both. I cannot decide on a best answer. They are both equally great!

No problem man. I'm not in it for the points. :D Happy to help.