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

Luke Wunderlich
Luke Wunderlich
238 Points
Posted by Luke Wunderlich
Luke Wunderlich
238 Points

HTML "image tag" needed.

The bummer says that I shouldn't forget to include an image tag that displays "img/numbers-01.jpg." I've checked the workshop, and everything is the same.

    <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
          </a>
            </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
          </a>
        </li>
      </ul>
    </section>```
Christopher Vesti
Christopher Vesti
1,622 Points
Christopher Vesti
Christopher Vesti
1,622 Points

Your img folder isn't in the same directory as your index.html. You need to change your src to "../img/numbers-xx.jpg"

Luke Wunderlich
Luke Wunderlich
238 Points
Luke Wunderlich
Luke Wunderlich
238 Points

Thanks Christopher, I forgot the forward slash.

jeffreyl
jeffreyl
2,021 Points

Hey Luke! You shouldn't need the forward slash before img because it is the same level as your index.html. I answered below and you should see that it will except the simplified code that I provided. Try it and let me know if that works for you as well!

Best, Elena

2 Answers

jeffreyl
jeffreyl
2,021 Points
jeffreyl
jeffreyl
2,021 Points

Hey Luke!

So you did include the image tag, however you ignored part of the question which, is why your getting the bummer. The question wants you to just add the Image and not include the link. So in order to pass this remove your anchor elements: a href="img/numbers-01.jpg"

and just have your img placed in the section:

</header> <section> <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> </section>

Akash malhotra
Akash malhotra
3,025 Points
Akash malhotra
Akash malhotra
3,025 Points

It's working fine for me, are you sure you're getting an error?

Luke Wunderlich
Luke Wunderlich
238 Points
Luke Wunderlich
Luke Wunderlich
238 Points

It says "Bummer" in red right after a red "x" with a circle around it.

Akash malhotra
Akash malhotra
3,025 Points
Akash malhotra
Akash malhotra
3,025 Points

Can you change your code to code format, hard to read.

Luke Wunderlich
Luke Wunderlich
238 Points
Luke Wunderlich
Luke Wunderlich
238 Points

Sorry I couldn't fix that formatting thing, but I got it. I forgot a forward slash before img in the src.