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

Dan Smith
Dan Smith
2,942 Points
Posted by Dan Smith
Dan Smith
2,942 Points

bug in the "how to make a website" My code is solid (also checked all the forum - everybody complain on same problem)

Inside the navigation element, create three list items with the words, “Portfolio”, “About”, and “Contact”. Don’t add links yet.

My code is good - <nav> <ul> <li>Protfolio</li> <li>About</li> <li>Contact</li> </ul> </nav> it says "it look like task 1 is no longer working.."

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>

2 Answers

andren
andren
28,558 Points
andren
andren
28,558 Points

During task 1 they ask you to add the navigation element after the link element, you have placed it inside the link element. I'm not quite sure how your code passed that task in the first place, but if you move it to the proper place like this:

<!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>Portfolio</li>
            <li>About</li>
            <li>Contact</li>
          </ul>
      </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

Then your code will pass both task 1 and 2.