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 jayp22
jayp22
5,448 Points

Need some help with "Create Navigation with list" code challenge

Hi everyone, new user here!

I seem to have some problem with the second code challenge "Create Navigation with list"

I type my nav underneath the header link, and also add my ul /ul, and this works fine and sends me to the second challenge. But when I try to create lists, like shown underneath, I get an error that something went wrong with the first code. Anyone with a good tip to a new beginner :) ? Thanks!

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

4 Answers

sizwengubane
sizwengubane
15,244 Points

Hello bro This is the full answer...read it and try to understand ur mistakes....sorry for not explaining..but if u get this code please rate my answer as best

<!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>
Tatiana Perry
Tatiana Perry
17,156 Points
Tatiana Perry
Tatiana Perry
17,156 Points

Hi! Try typing the nav underneath the h1 and h2 tags. 

</head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
<!--- Nav  goes here--->
      <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>

MOD NOTE: Changed to "Answer" from "Comment" so it may be upvoted/marked as 'Best Answer'.

Tommy Choe
Tommy Choe
38,156 Points
Tommy Choe
Tommy Choe
38,156 Points

Looks good to me!

jayp22
jayp22
5,448 Points
jayp22
jayp22
5,448 Points

Thanks for the help everyone! Lakindu, thanks for helping me spotting my error on my own. My error was that I wrote the nav inside the first anchor, thus creating an error because all my other links were connected to that first anchor.

sizwengubane
sizwengubane
15,244 Points

sure thing brother...please invite me to ur future questions and i'll gladly help u

jayp22
jayp22
5,448 Points
jayp22
jayp22
5,448 Points

Will do, thanks buddy!