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 Add Image Gallery Content

Posted by James Kleinbrook
James Kleinbrook
898 Points

jpg pictures

file icon but no picture

10 Answers

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

Hi James, if the image is showing as a broken, you might try Chrome. We usually need more information if you can specify the issue you're having.

James Kleinbrook
James Kleinbrook
898 Points
James Kleinbrook
James Kleinbrook
898 Points

thank you. I did not change the src file numbers to match the href link for the pictures.

Amir Mencher
Amir Mencher
2,355 Points
Amir Mencher
Amir Mencher
2,355 Points

I am having the same issue I see the list dot but no picture. I have all the images in the img folder.

James Kleinbrook
James Kleinbrook
898 Points

yes, thank you. make sure that the src file name matches the href file name completely. that is where my problem was. 01, 02, 06, 09, 12 etc..

Jason Vogelsberg
Jason Vogelsberg
3,344 Points

Make sure you have the folder name in front of the file name, separated by a forward slash:

src="img/image.jpg"

leonardpongo
leonardpongo
2,379 Points
leonardpongo
leonardpongo
2,379 Points

you probably hve a broken image link, paste your code here or make sur the link in your <img src="img/yourimage.jpg" alt="fancyname"> is correct and not missing any hyphen/ closing tag ;)

Amir Mencher
Amir Mencher
2,355 Points
Amir Mencher
Amir Mencher
2,355 Points

Here is my link I am sure I have it right.

<ul> <li> <img scr="numbers-01.jpg" alt=""> </li> </ul>

Amir Mencher
Amir Mencher
2,355 Points
Amir Mencher
Amir Mencher
2,355 Points

<ul> <li> <img scr="img/numbers-01.jpg" alt=""> </li> </ul>

Amir Mencher
Amir Mencher
2,355 Points
Amir Mencher
Amir Mencher
2,355 Points

I guess the copy paste didn't work here is my code:

<img scr="img/numbers-01" alt="">
Dustin Matlock
Dustin Matlock
33,856 Points

Amir, I fixed code highlighting for you. You just needed three backticks before and after your code. Check out the Markdown Cheatsheet above the post comment / answer button for how to do that.

leonardpongo
leonardpongo
2,379 Points
leonardpongo
leonardpongo
2,379 Points

there is a typo in your img tag Amir ;)

the correct tagging reads:

<img src="" alt="">

Notice the difference (src, not scr)?

Mackenzie Thompson
Mackenzie Thompson
4,699 Points
Mackenzie Thompson
Mackenzie Thompson
4,699 Points

<img src="img/numbers-01.jpg" alt=""> what's wrong with mine then? can't see image. thanks!

Jason Vogelsberg
Jason Vogelsberg
3,344 Points

Can you copy and paste your image tag here?

Robert Denaro
Robert Denaro
698 Points
Robert Denaro
Robert Denaro
698 Points

<li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-012.jpg"> <img src="img/numbers-012.jpg" alt=""> <p>Creating shapes using repetition.</p> </a> </li>

This is my code and for some reason picture 12 is showing to be broken but all the others are working fine. i cant for the life of me see what im doing wrong, all my pics were draged and droped on the side so i dont know why its not loading. thanks for the help

Jason Vogelsberg
Jason Vogelsberg
3,344 Points

Try getting rid of the zero in front of 12.

img src="img/numbers-12.jpg" alt=""

instead of

img src="img/numbers-012.jpg" alt=""