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

Iram Pacheco Garcia
Iram Pacheco Garcia
9,099 Points
Posted by Iram Pacheco Garcia
Iram Pacheco Garcia
9,099 Points

I dont know why this isn't working.

The question asks me to link my portfolio list item to "index.html" and my about list item to "about.html". I am not understanding what I'm doing wrong

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

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>Contact</li>



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

2 Answers

Kerry Rosado
Kerry Rosado
14,368 Points
Kerry Rosado
Kerry Rosado
14,368 Points

If you look carefully at your code, you will notice that you forgot to put a closing tag for the unordered list.

Not sure if the nav tag requires a closing tag, so you may want to look that up. Hope this helps.

-Kerry

Iram Pacheco Garcia
Iram Pacheco Garcia
9,099 Points
Iram Pacheco Garcia
Iram Pacheco Garcia
9,099 Points

I moved the closing anchor </a> up to the <a href="index.html"> and it worked. (EX: <a href="index.html"></a>

I took out the closing tags because it would then say there was an error and then give me an option to go back to question one.

This is what my code looked like when I finished:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit</title> </head> <body> <header> <a href="index.html"></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>

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

</header>
<section></section>
<footer>
  <p>&copy; 2013 Nick Pettit.</p>
</footer>

</body> </html>

(Idk why it worked...)

Saira Bottemuller
PLUS
Saira Bottemuller
Courses Plus Student 1,749 Points
Saira Bottemuller
Saira Bottemuller
Courses Plus Student 1,749 Points

@Kerry's answer is what I was going to say as well when I looked over the code. Most tags aren't singular and will require a closing tag to function properly.