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

Posted by Angie Nagel
Angie Nagel
873 Points

How to fix my Creating HTML Content: Organize with Unordered Lists test problem. Task 2.

I am in the Front End Development, section 5 (Organize with Unordered Lists) I complete the task 1 Correctly. Task 1: Inside the <section> element, create an unordered list with three blank list items. This will become an image gallery, but don’t fill in the list items just yet.

<section>
      <nav>
        <ul>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </nav>
    </section>

Says Well done. Task 2 states: Inside the three new list items, add the following images from inside the img folder: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg". Leave the alt attributes blank, and don’t add any captions or links. Just the images!

So I have tried..as soon as I add one line, it says Oops! It looks like Task 1 is no longer passing. Please help, I'm sure I've done something that I'm just not seeing and I would love to continue. Tried to use the markdown, if that doesn't show up right, I will retry. 

<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>
Jason Delgado
Jason Delgado
2,101 Points

Try spacing out the closing bracket like this: <img src="img/numbers-01.jpg" alt="" > or do something like this: <img src="whatever here" alt="" />. Maybe that will work. Your code looks fine to me. I did realize that sometimes their challenges are a little buggy.

1 Answer

Brittany Allen
Brittany Allen
9,803 Points

The problem is that you have the list wrapped in a nav element and it doesn't need to be. For some reason it doesn't catch that on the first task. Just try taking out the nav tags in the section element and you should be good.

Angie Nagel
Angie Nagel
873 Points

That did it :) I wondered about the nav element passing the first task. Thanks so much!