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 Organize with Unordered Lists

Douglas Baker
Douglas Baker
239 Points
Posted by Douglas Baker
Douglas Baker
239 Points

completing task 2 of this code challenge, the error message i get is "Oops! It looks like Task 1 is no longer passing"?!

Task 1 of this Code Challenge requires the list items remain blank. Task 2 says to add images to each list item. Of course this is causing Task 1 to no longer pass, because the list items aren't blank anymore. Please fix this error in this beginner level course as it will likely frustrate many beginners (or let me know what I'm doing wrong; all I'm doing is adding <img src="img/numbers-01.jpg" alt=""> in between the <li> and the </li> tags within the <ul> and </ul> tags within the <nav> and </nav> tags within the <section> and </section> tags... and yes of course I'm changing the second list item file reference to numbers-02, and the third to numbers-06). Please inform about the results, as I'd like to progress without skipping things, but in this case I feel I have to. 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="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>
      <nav>
        <ul>
          <li><img src="img/numbers-01.jpg" alt=""></li>
          <li><img src="img/numbers-02.jpg" alt=""></li>
          <li><img src="img/numbers-06.jpg" alt=""></li>
        </ul>
      </nav>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

Shawn Flanigan
Shawn Flanigan
965 Points

Task 1 of the Code Challenge asks you to create an empty unordered list inside of the section element. Task 2 of the Challenge asks you to add the given images inside the previously created unordered list.

I retook the Code Challenge to try and recreate your error message and found it to be the case that adding a nav element to the section element and placing the unordered list in said nav element caused the problem.

Solution: Remove the second nav element, keep the rest of your code, and you will be fine.

As a general rule you probably won't need a nav element for every group of links and, in this particular example, you only need one within your header.

https://www.w3.org/wiki/HTML/Elements/nav

Hope this helps!

jeremy scott
jeremy scott
482 Points
jeremy scott
jeremy scott
482 Points

You have to add the images to your list items. You have two list items and two nav's. Get rid of the second nav and incorporate your imgs into the first list

This place wont let me write altered code....

the first set of list needs the images in them after you start the href insert img code for each list item before you close the anchor..Be sure to remove the second nav and list items, you need only one nav command