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

Ruben Casillas
Ruben Casillas
6,019 Points
Posted by Ruben Casillas
Ruben Casillas
6,019 Points

The tasks are incorrect

Task 1 is incorrect, in order to get it well done. you have to use <nav> <nav> yes... not closing the tag with the / and then when you go to task 2 it says that Task 1 is no longer working, you go back to Task 1 and correct it, but then again in task 2 it says it is incorrect. And So on. Please fix this. I tried on PC and iPad, and it won't work on neither the app or the web platform.

Thank you

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
<nav>
          <ul> 
             <li>Portfolio</li>
             <li>About</li>
             <li>Contact</li>                       
          </ul>
<nav>
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi Ruben,

I know why you get errors that is probably messed up between href and lists.

Your codes:

    <header>
      <a href="index.html">
<nav>
          <ul> 
             <li>Portfolio</li>
             <li>About</li>
             <li>Contact</li>                       
          </ul>
<nav>
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>

Supposed to be like this below. 

    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
<nav>
          <ul> 
             <li>Portfolio</li>
             <li>About</li>
             <li>Contact</li>                       
          </ul>
<nav>    
    </header>

Hints below:

    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>

//add navigation listing here....
...<ul>
.......<li></li>
....etc
    </header>
Chris Higgins
Chris Higgins
6,813 Points
Chris Higgins
Chris Higgins
6,813 Points 
 <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
      <ul>
        <a href='index.html'><li>Portfolio</li></a>
        <a href='about.html'><li>About</li></a>
        <a href='contact.html'><li>Contact</li></a>
      </ul>
    </nav>
    </header>

This is what your looking for. I noticed that you dident close off your 'nav' which would have to be '/nav' and it also ask's for it to be put after the link in the header. which would be this part.

<a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
Ruben Casillas
Ruben Casillas
6,019 Points
Ruben Casillas
Ruben Casillas
6,019 Points

THANK YOU SO MUCH ! It was really helpful.