Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Create Navigation with Lists

fredyrosales
fredyrosales
10,572 Points
Posted by fredyrosales
fredyrosales
10,572 Points

Help please.

yeah, i've tried about everything but i'm not sure what i'm doing wrong. also when i'm on the page for about 5mins trying to figure it out when i go to click on check work it makes me start all over. like if the server looses contact to me or something along those lines. -thanks

index.html 
<!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="Portfolio"> </a>
            <li> <a href="About"> </a>
          <li> <a href="Contact"> </a>
          </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Jeremy Hill
Jeremy Hill
29,567 Points

You might also throw in some closing tags for each list item.

6 Answers

Jeremy Hill
Jeremy Hill
29,567 Points
Jeremy Hill
Jeremy Hill
29,567 Points

It looks like your closing Unordered List tag isn't present. It needs to go right before the closing nav tag.

Jeremy Hill
Jeremy Hill
29,567 Points

Also, when you click on check work and it gives you the "Oh no", just click on the 'x' in the top right corner and then click click check work again. This should prevent you from having to start over.

Jeremy Hill
Jeremy Hill
29,567 Points
Jeremy Hill
Jeremy Hill
29,567 Points 
<!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="portfolio.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>
fredyrosales
fredyrosales
10,572 Points
fredyrosales
fredyrosales
10,572 Points

in the example i gave my unordered list element wasn't closed but i tried it again by closing it but i keep getting the same response which is; Don't forget to add "Portfolio" to the list.

Jeremy Hill
Jeremy Hill
29,567 Points
Jeremy Hill
Jeremy Hill
29,567 Points

Check my comment. That is how the syntax is supposed to look like.

Jeremy Hill
Jeremy Hill
29,567 Points
Jeremy Hill
Jeremy Hill
29,567 Points

Your list items are supposed to look like this:

<li><a href="portfolio.html">Portfolio</a></li>

I added the link to href; the .html is important for an anchor. Also you need to add the text that will be anchored after the opening anchor bracket.

fredyrosales
fredyrosales
10,572 Points
fredyrosales
fredyrosales
10,572 Points

yeah i just figured out. i think the instructions weren't clear enough. Thanks man for the support

Jeremy Hill
Jeremy Hill
29,567 Points

You're welcome, I'm glad you got it.