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

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

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

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

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,624 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

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