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

Posted by Mark Ross
Mark Ross
229 Points

It tells me portfolio list item should point to index.html which I have done? <li><a href="index.html">Portfolio</a>

I am in the practice lesson and it is telling me to link three list items however it is saying what I have is wrong because portfolio should be pointed at index.html which I have it pointed at?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
        <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>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Dan Oswalt
Dan Oswalt
23,438 Points
Dan Oswalt
Dan Oswalt
23,438 Points

That part is right, but you have another anchor element pointing to index.html above Nick's name, it is running and seeing that first. Delete that and I believe you're fine.

Luke Glazebrook
Luke Glazebrook
13,564 Points

The idea behind that being there is so that the headline text also links to the main page!

-Luke

Luke Glazebrook
Luke Glazebrook
13,564 Points
Luke Glazebrook
Luke Glazebrook
13,564 Points

Hi Mark!

Try putting the <a> elements outside of the <li> elements so that they surround them. This should then work as you expect and let you complete the challenge!

-Luke

Dan Oswalt
Dan Oswalt
23,438 Points

Ah, my bad. But why would having the elements on a separate line make a difference? I didn't think the Browser cared about whitespace between elements?

David Hamilton
David Hamilton
21,522 Points
David Hamilton
David Hamilton
21,522 Points

Hello Mark,

The link tag around Nick's name and designer should be closed before starting the Nav section. You currently have it closing after the Nav section. Due to not closing the link tag before starting another link tag it causes it to see the link incorrectly.

It should be like below.

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