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

Shyam Trivedi
seal-mask
.a{fill-rule:evenodd;}techdegree
Shyam Trivedi
Full Stack JavaScript Techdegree Student 1,661 Points
Posted by Shyam Trivedi
.a{fill-rule:evenodd;}techdegree
Shyam Trivedi
Full Stack JavaScript Techdegree Student 1,661 Points

Convinced this is a glitch

it keeps saying bummer portfolio needs to link to index.html I've tried everything and this is my 5th post on this same issue. really need some help!!

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>
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

Shyam Trivedi

In the future, please do not post multiple times regarding the same issue in the Community. Guidance was provided in three of the previous posts, and the answer was given outright in one of them, but you still posted this one. All the posts where only hours apart. This really is not acceptable posting in the Community.

If someone's guidance was not sufficient, continue the discussion in that thread. Do not start a new thread. I have deleted the previous 3 posts regarding this question, so please, in the future, do not post multiple threads for the same question.

Thank you.

Jason Anders ~Treehouse Community Moderator

5 Answers

Sandro Hallado
Sandro Hallado
4,231 Points
Sandro Hallado
Sandro Hallado
4,231 Points

Your whole nav tag should not be inside of the first <a href> tag it should be on the outside. That should fix the problem.

  <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>
Sandro Hallado
Sandro Hallado
4,231 Points
Sandro Hallado
Sandro Hallado
4,231 Points

No problem any other questions just let me know Ill try to help you out.

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

Hey Shyam,

Kind of a Glitch, but not really...

Your error traces back to Task 1. I'm not sure why Task #1 and Task #2 Passed when the HTML was not in the correct place.

Task one asks specifically to

Create a navigation element with an unordered list element after the link inside the header.

But you created this inside the link that is inside the header, instead of after the link inside the header. Once you move the code to where it belongs, all three tasks do pass.

I've included the corrected HTML for your reference, as you do have the correct elements, just misplaced. Notice that the opening <nav> comes after the closing </a> tag for the link.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>@[Nick Pettit](https://teamtreehouse.com/nickpettit)</title>
  </head>
  <body>
    <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>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

Keep Coding! :) :dizzy:

Shyam Trivedi
seal-mask
.a{fill-rule:evenodd;}techdegree
Shyam Trivedi
Full Stack JavaScript Techdegree Student 1,661 Points
Shyam Trivedi
.a{fill-rule:evenodd;}techdegree
Shyam Trivedi
Full Stack JavaScript Techdegree Student 1,661 Points

Hey Jason Anders,

Sorry about all the posts! I totally understand, i'm new and i'm still trying to get familiar with treehouse. I wasn't sure how to post new updates to my codeine the same thread which is why I kept making new threads. I figured it out though Sorry about and that I will def. be more mindful in the future! Cheers!

Shyam