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

Posted by jeffreywilliam
jeffreywilliam
10,432 Points

I think this is correct, but getting Bummer. Why

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

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

4 Answers

Philip G
Philip G
14,600 Points

Hi Jeffrey,

you don't have to create a new unordered list for each list item. This code should work:

<!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>
William Burson
William Burson
1,957 Points
William Burson
William Burson
1,957 Points

You only need 1 unordered list here. You will then put your 3 list <li> items between your opening <ul> unordered list and your closing </ul> list item. Dont forget to close your list items. </li>.

Alice Spencer
Alice Spencer
12,273 Points
Alice Spencer
Alice Spencer
12,273 Points

Can you post the challenge question too, please?

Claire Fath
Claire Fath
923 Points
Claire Fath
Claire Fath
923 Points

HI Jeffery,

When working in HTML you will want to customize the name to be your own name. First you need a pipe in between your last name and designer. Take out one of your unordered list.

jeffreywilliam
jeffreywilliam
10,432 Points
jeffreywilliam
jeffreywilliam
10,432 Points

Thanks for all your help. I am now able to progress.

Philip G
Philip G
14,600 Points

Glad to help! To make it easier for others to find unanswered questions I recommend you to mark an "Best Answer" :) .

Kindly Regards,

Philip