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

brendan brooks
brendan brooks
196 Points
Posted by brendan brooks
brendan brooks
196 Points

I am doing everything right on the code challenge and it won't let me pass!

Code challenge wants me to link Portfolio to "index.html"... Isn't <li><a href="Index.html">Portfolio</a></li> correct??? My workspaces says so and the other links, "about" and "contact" seem to be right. WTF.

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>
hum4n01d
hum4n01d
25,493 Points

That’s exactly what I said Myles Hyson

2 Answers

hum4n01d
hum4n01d
25,493 Points
hum4n01d
hum4n01d
25,493 Points

Hi brendan brooks , the problem with your code is with the link wrapping the navigation. It should be wrapping the h1 and h2. The link within the ul li is fine, the code challenge engine is telling you the wrong thing. The header code should look like this:

<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>
Myles Hyson
Myles Hyson
8,853 Points
Myles Hyson
Myles Hyson
8,853 Points

My bad. Didn't see your comment until i posted mine.

hum4n01d
hum4n01d
25,493 Points

That’s fine, just figured I’d mention it. I’ve done that before too :D

Myles Hyson
Myles Hyson
8,853 Points
Myles Hyson
Myles Hyson
8,853 Points

I looked at the challenge. Try putting the whole nav element after the closing tag of the first link like so.

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

MOD NOTE: Changed from Comment to Answer.