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 Caspar Claessen
Caspar Claessen
9,060 Points

Can't see the image

Hello,

When I preview my site, the image does not load. There's just a tiny little box and not the image which is shown in the video. I don't know what is wrong with my coding. Can someone help me out? This is the link of my workspace https://teamtreehouse.com/workspaces/17092362

Thanks in advance!

johnd3
johnd3
8,860 Points

Hi Casper,

I can't open your workspace. Can you share your code in a different way? Or just add a screenshot of your code?

Dominic High
Dominic High
5,163 Points

Without seeing your code example, Casper one of the main reasons that your image would not appear is dude to a broken link? Insure that you have the correct path for the image. If the image is outside the root in an Image folder make sure you do something like this src="/img/example-image.jpg" in order for the image to appear or it it's a background-image use background-image: url(../img/example-image.jpg). I hope this helps

3 Answers

Stanley Louden
Stanley Louden
665 Points
Stanley Louden
Stanley Louden
665 Points

Without seeing your code because I got a page not found. I would imagine its a case sensitivity issue. If you named your folder Img or IMG and then are trying to link in the code to img it may not link. Try renaming your folder img all lowercase.

Caspar Claessen
Caspar Claessen
9,060 Points
Caspar Claessen
Caspar Claessen
9,060 Points

I fixed it. Thanks for the help!

MICHAEL P
MICHAEL P
5,191 Points
MICHAEL P
MICHAEL P
5,191 Points

Thank you for the tip about keeping consistent uppercase or either lowercase. Initially, I was not able to see my image, and was super frustrated, because I had done everything that Nick did in the video.

I had named the folder "Img", and I had forgotten to make sure that it was a capital "Img" and not a lowercase "img".

Adding this feedback, because i am sure that I am not the only person who had this problem, with this video.

Happy that it works now!