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

Brendan McCarthy
Brendan McCarthy
2,854 Points
Posted by Brendan McCarthy
Brendan McCarthy
2,854 Points

Images not showing up in Workspace "Preview"

Hi Treehouse Team,

I have been following along to this video in Workspace. My code looks identical to Nick's, but for some reason none of the images from the project files are showing up in the the preview web browser. I am using Google Chrome. Where the pictures should be there's instead a list bullet. Thanks in advance for your help!

Best, Brendan

9 Answers

Brendan McCarthy
Brendan McCarthy
2,854 Points
Brendan McCarthy
Brendan McCarthy
2,854 Points

Found the error. I was typing scr instead of src. Whoops. Thanks for all the help!

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

I hate those listed bullets. Did you remember to download the image files and drag and drop into Treehouses Workspace?

Brendan McCarthy
Brendan McCarthy
2,854 Points
Brendan McCarthy
Brendan McCarthy
2,854 Points

Yeah. I can see all the files clearly in the navigation column on the left inside my "img" folder.

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Great, another thing is to check if the code is stated correctly. <img src="img/numbers-01.jpg" alt=""> sometimes an image extension is not written correctly like .jpg .png .tif .gif also 

 <img src="img/numbers-01.jpg" alt="">
can be different from
"/img/numbers-01.jpg"
can be different from
"../img/numbers-01.jpg"
Brendan McCarthy
Brendan McCarthy
2,854 Points
Brendan McCarthy
Brendan McCarthy
2,854 Points

For this example, it should look like <img scr="img/numbers-01.jpg" alt="">, correct?

Brendan McCarthy
Brendan McCarthy
2,854 Points
Brendan McCarthy
Brendan McCarthy
2,854 Points

I apologize. I was getting the markdown formatting wrong. It should be fixed now.

Brendan McCarthy
Brendan McCarthy
2,854 Points
Brendan McCarthy
Brendan McCarthy
2,854 Points

Nick's formatting in the video, "Add Image Gallery Content" looked like <img scr="img/numbers-01.jpg" alt="">.

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Try playing around with the lines between the code try one or two lines(hit enter) distance between the code you want to share 

And it should work just fine :-)
Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Select Best Answer to close out the discussion

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Select Best Answer to close out the discussion