Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Posted by Isaac Fox
Isaac Fox
2,379 Points

Code Challenge Stage 3: Create Navigation With Lists (Error)

Hello, I am stuck on Code Challenge Stage 3: Create Navigation With Lists. I keep receiving the following error message "Bummer! The Portfolio list item should link to "index.html"." Here is my code:

      <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>

Here is my screenshot Imgur

Any advice?
Thank you, Isaac

asdfasdfasdf13e
asdfasdfasdf13e
22,713 Points

It looks like you have your nav in the <a href="index.html"> of your ``header tag. Instead, it should be placed just below the close of your anchor tag that follows your headline tags but before the close your header tag.

3 Answers

Tim Knight
Tim Knight
28,863 Points
Tim Knight
Tim Knight
28,863 Points

Isaac, it looks like you have everything wrapped in another anchor tag. What happens if you remove the content from line 9 and 19?

Isaac Fox
Isaac Fox
2,379 Points
Isaac Fox
Isaac Fox
2,379 Points

Wow man, unwrapped it and its fixed. That was simple. Thank you!!!

Polly Sileo
Polly Sileo
3,696 Points
Polly Sileo
Polly Sileo
3,696 Points

So, I had a lot of trouble with this question too. For anyone else in the future, I want to post what helped me.

The question says to put the <nav> "after the link". So for me, I put it right after the link before the <h1> and <h2>. I was looking at it literally.

However, what I learned is that "after the link" really means after the end of the anchor tag, so really you shouldn't put your <nav> until after the </a> tag which ISN'T right after the website, it's actually after those headers.

I hope that helps someone else.