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 dereje getahun
dereje getahun
498 Points

List item issue's

I can't seem to move on from task 2 of the challenge. Instructions are for me to add a list item <li>portfolio</li>, <li>about</li> and <li>contact</li>. I have done so but unfortunately the code isn't working. Can you please help me move on!!?

Thank you

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>


      </nav>
    </header>
    <section>
      <p>gallery goes here</p>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Carlos Federico Puebla Larregle
Carlos Federico Puebla Larregle
21,074 Points
Carlos Federico Puebla Larregle
Carlos Federico Puebla Larregle
21,074 Points

The "final" navigation should look like this:

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

It asks you to put 3 lists items with the words "Portfolio", "About" and "Contact" inside them respectively. Then you have to add to each one of the an anchor tag with the hrefs "index.html", "about.html" and "contact.html" respectively.

I hope that helps you a little bit.

dereje getahun
dereje getahun
498 Points

I appreciate it :-)

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

For whatever reason I only see "portfolio" as a list item and it specifically asks for three list items. Your portfolio also isn't capitalized as the challenge requests. Yes, sometimes this can make or break a challenge. See my code to see how it's supposed to look in this section.

<!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>  <!--  This is the beginning of the changes you need -->
        <ul>
          <li>Portfolio</li>
          <li>About</li>
          <li>Contact</li>
        </ul>
      </nav>  <!-- This is the end of the changes you need -->
    </header>
    <section></section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
dereje getahun
dereje getahun
498 Points

Awesome!!!! Thank you very much.