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 Ryan Elliott
Ryan Elliott
2,265 Points

There's a bug in Challenge Task 2 in Create Navigation With Lists in the "Creating HTML Content," preventing progress.

When in the challenge task, it asks you to do the following:

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

So, in the code space that's given, I type: <nav> <ul>Portfolio</ul> <ul>About</ul> <ul>Contact</ul> </nav>

When I hit 'Check Work,' it gives an error and says: 'Bummer! Be sure you add a list item with the word "Portfolio" in it.' I can't progress past this step.

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>Portfolio</ul>
        <ul>About</ul>
        <ul>Contact</ul>
      </nav>
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Dylan Hobbs
Dylan Hobbs
9,279 Points

You don't need to add in several ul tags. You just need one < UL > tag wrapped around a series of list-items (< li > tags)

So UL declares that the content inside is a unordered list - < ul > and then inside you have a series of list-items - < li >

so it should look like this

<ul> 
<li>Portfolio</li>
<li>About</li>
<li>Contact</li>
</ul>

Hope this helps, good luck!

4 Answers

Dylan Hobbs
Dylan Hobbs
9,279 Points

You don't need to add in several ul tags. You just need one < UL > tag wrapped around a series of list-items (< li > tags)

So UL declares that the content inside is a unordered list - < ul > and then inside you have a series of list-items - < li >

so it should look like this

<ul> 
<li>Portfolio</li>
<li>About</li>
<li>Contact</li>
</ul>

Hope this helps, good luck!

I've added this as an answer so you can accept it :)

Good luck!

Ryan Elliott
Ryan Elliott
2,265 Points
Ryan Elliott
Ryan Elliott
2,265 Points

Oh, man. You're right. I need to get more sleep. Thanks!

Dylan Hobbs
Dylan Hobbs
9,279 Points

haha, no worries we've all been there

Terence Chew
PLUS
Terence Chew
Courses Plus Student 1,037 Points
Terence Chew
Terence Chew
Courses Plus Student 1,037 Points

Thx for the remind..I missed that code too..