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 Structure the Image Gallery

Posted by Ismael Gomes
Ismael Gomes
232 Points

Why is the image not being displayed?

I have followed all the steps and the image did upload but is not showing on the page, only a little icon.

Razvan Sighinas
Razvan Sighinas
2,018 Points

Hello....My img is not displayed and I don't know why.The img is uploaded right.Do you have any ideas why the img is not displayed? <ul> <li> <img src="img/numbers-02.jpg alt=""> </li> </ul>

Thank you Razvan

4 Answers

Hannah Gaskins
Hannah Gaskins
14,572 Points
Hannah Gaskins
Hannah Gaskins
14,572 Points

Hey Ismael,

Can you copy and past your code in this thread? This will allow students to help see what your code looks like and why the image might not be showing up. The tips for asking questions video to the right sidebar here has a great tutorial on how to post code snippets within the Forum posts.

Hopefully we will be able to better help with a bit more info!

Cheers :)

Jeff Lemay
Jeff Lemay
14,268 Points
Jeff Lemay
Jeff Lemay
14,268 Points

Ishmael, be sure to let us know what folder your images are in. Common mistake is having the wrong src path.

Ismael Gomes
Ismael Gomes
232 Points
Ismael Gomes
Ismael Gomes
232 Points

hi folks. I have followed all the steps and the folder the image is in its called "img" as the tutor instructs.

<section>
  <ul>
    <li>
      <img src="img/island.jpeg" alt="">
    </li>
  </ul>
</section>
Jeff Lemay
Jeff Lemay
14,268 Points
Jeff Lemay
Jeff Lemay
14,268 Points

Is your image's extension "jpeg" or "jpg"?

Ismael Gomes
Ismael Gomes
232 Points
Ismael Gomes
Ismael Gomes
232 Points

lol its actualy "jpg".. smh Thank you very much.

Jeff Lemay
Jeff Lemay
14,268 Points
Jeff Lemay
Jeff Lemay
14,268 Points

It happens lol. You're welcome.

Hannah Gaskins
Hannah Gaskins
14,572 Points
Hannah Gaskins
Hannah Gaskins
14,572 Points

Razvan Sighinas it looks like there is a missing " at the end of the img src section. Below is what this should look like:

<li>
      <img src="img/numbers-02.jpg" alt="">
</li>

Additionally if you are missing the <ul> at the beginning of this code you will want to add that as I see you have the closing </ul> tag at the back.

Hope this helps!

Cheers :)