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

Posted by Rik Johnson
Rik Johnson
393 Points

Web Design "Creating HTML Content" Stage 3, Stuck On Challenge 3 of 3.

I had trouble in the challenge just before this one because I closed my 'nav' and 'ul' tags; everything was correct but the challenge was counting me wrong because I closed them. You can see in the photo I have linked Portfolio to index(dot)html.

The instructions say to link Portfolio to index(dot)html, About to about(dot)html, and Contact to contact(dot)html. The error in the challenge keeps telling me, "Bummer! The Portfolio list item should link to the "index(dot)html". I did that, and tried it with and without the closing tags. Any suggestions?

alt text

4 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Your nav is supposed to come after the link around the h1 and h2

Rik Johnson
Rik Johnson
393 Points

I also tried that, but I get the same error message, "Bummer! The Portfolio list item should link to "index.html".

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

This is the starter header code: (I've added a comment)

<header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
     <!-- This is where the nav element should go -->
</header>

If you move your nav to where I have the comment then it should pass the challenge.

I passed with this header markup:

<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>
James Lucia
James Lucia
7,350 Points
James Lucia
James Lucia
7,350 Points

You have an href tag between your header and nav tags, that is linking your entire nav section to index. If you remove that tag then it should read you linking each page individually.

Rik Johnson
Rik Johnson
393 Points

I thought the same thing, but when I remove the first href index tag it tells me, "Oops! It looks like Task 1 is no longer passing."

Rik Johnson
Rik Johnson
393 Points
Rik Johnson
Rik Johnson
393 Points

Thanks, Jason. I thought I had tried that already, but maybe not; either way, I'll give it a try.

How do you get such clean screenshots of the code in the forums? I had to take a screenshot, upload to photobucket, wrestle it a while, then it posted but does not look as clean as yours! :(

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

I think I may have seen another discussion you started about this but it's not a screenshot. It's a code block.

Which I think you probably already know by now.

Pasting your code in surrounded by backticks will be much faster than doing screenshots.

https://teamtreehouse.com/forum/posting-code-to-the-forum

Rik Johnson
Rik Johnson
393 Points
Rik Johnson
Rik Johnson
393 Points

That worked, Jason. I could've sworn I tried that, but none the less it's working. Thanks again!