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

Vladimir Kozak
Vladimir Kozak
6,314 Points
Posted by Vladimir Kozak
Vladimir Kozak
6,314 Points

Html lists challenge task 3/3 doesn't validate my answer.

Hey guys,

I quite don't get why the following code doesn't work. Could you please help me? It's the only item left in my html course.

The challenge is: "Link each of the three list items. Portfolio should go to “index.html”, About should go to “about.html”, and Contact should go to “contact.html”."

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

2 Answers

Larry Coonrod
Larry Coonrod
5,041 Points
Larry Coonrod
Larry Coonrod
5,041 Points

It looks like you removed the link to index link in the header surrounding Nick Pettit and Designer. Actually I think the ul list is supposed to be underneath the h1 and h2 in the header. That is what worked for me. 

<header>
      <a href="index.html">

        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
 <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>
Reyam Marcos
PLUS
Reyam Marcos
Courses Plus Student 10,367 Points
Reyam Marcos
Reyam Marcos
Courses Plus Student 10,367 Points

you code is fine, but at task #1 it ask to put a ul element inside a nav after the link, and from what i can see in your code that link is gone, i think you should start from task 1 again to see where did you go wrong . btw. final code should be like

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

hope it works, happy coding