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

Kyle McCartney
Kyle McCartney
2,198 Points
Posted by Kyle McCartney
Kyle McCartney
2,198 Points

It says in this stage that "Task One is no longer passing. What should I do?

Pretty sure I've completed all the steps.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <nav>  
          <ul></ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</li>
        <nav>


        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

4 Answers

Aurelian Spodarec
Aurelian Spodarec
7,369 Points
Aurelian Spodarec
Aurelian Spodarec
7,369 Points

You shouldn't had change any code from previous challenge. You may re-do it again for the purpose of easiness ( unless you know whats wrong).

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Your missing a closing tag on your nav it should look like 

 <nav>  
          <ul>
                      <li>Portfolio</li>
                      <li>About</li>
                      <li>Contact</li>
          </ul>
 </nav>

Oh and your links too.

You need to nest it inside the ul tag. Also your h1 and h2 should be above your nag tag . Since in the video its shows you to put it above and on the question. So in your nav goes ul or li unordered list or ordered list and then you put in li and what should be inside it. I hope this is clear .

Kevin Seagrave
Kevin Seagrave
9,508 Points
Kevin Seagrave
Kevin Seagrave
9,508 Points

I think the code should look like this

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

i think the header was in the wrong part and your <li> was not nested in your <ul>

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

It should look like this but you gaved away the answer: p

Kevin Seagrave
Kevin Seagrave
9,508 Points
Kevin Seagrave
Kevin Seagrave
9,508 Points

Sorry did not realise was not meant to still new

Matthew Greenberg
Matthew Greenberg
8,173 Points
Matthew Greenberg
Matthew Greenberg
8,173 Points

I am not sure why, but this error is common. If you write a piece of code that is invalid, you can sometimes get this message. Just ignore it, the previous part is most likely fine, the new part is whats giving the error.

I see in your code something that looks wrong. You need to nest your list items in your unordered list. Change it to this.

<nav>  
<ul>
<li>Portfolio</li>
<li>About</li>
<li>Contact</li>
</ul>
<nav>
Kyle McCartney
Kyle McCartney
2,198 Points
Kyle McCartney
Kyle McCartney
2,198 Points

Did that, still getting the same response. Maybe its my computer.

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Its not your computer. Your doing something wrong.

I would suggest to paste your code and question from first challenge here :

And then second and till last .

That way we will see what wrong you got.

Matthew Greenberg
Matthew Greenberg
8,173 Points

Just noticed i missed something as well. Dont forget to have the backslash on the closing tag.

<nav>  
<ul>
<li>Portfolio</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Did anyone looked at my post ??? its all there.

Edward Bryan Kene Morales
Edward Bryan Kene Morales
7,374 Points
Edward Bryan Kene Morales
Edward Bryan Kene Morales
7,374 Points

Maybe the issue here is with the anchor tag wrapping around the header tag:

<a href="index.html">
        <nav>  
          <ul></ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</li>
        <nav>


        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>

I really feel that this is wrong because I don't see the purpose of wrapping anchor tag around the nav and the headers. Perhaps it should be written like this:

<nav>  
          <ul></ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</li>
        <nav>


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

And yeah Aurelian is right, put a backslash to the closing nav tag too and make sure that the ul tag wraps around the list items. I guess the whole code should look something like this:

<nav>  
    <ul>
        <li>Portfolio</li>
        <li>About</li>
        <li>Contact</li> 
  </ul>
</nav>

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

I hope this helps!