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

Posted by Jon Brooks
Jon Brooks
3,057 Points

Images showing as blue question marks

So I'm running the 'Make a Website' course and my HTML code is perfect, I've checked and double checked, but my images are showing as blue question marks in the preview.

1 Answer

Gaylen Miller
Gaylen Miller
19,286 Points
Gaylen Miller
Gaylen Miller
19,286 Points

Sounds like the browser can't find your images.

Check your src="" attribute of your image tag. If your image is in the same directory as the html, it would look something like src="myimage.jpg". But if all your images are in an "img" folder, then src="img/myimage.jpg" would be needed.

Another way to check is the developer tools panel. One easy way to get there is to right-click on one of your pictures and click "Inspect Element". Once they tools are showing at the bottom of the screen, the "network" tab shows the files, like images, that are being loaded and that will show a failure if the image was not found.

Jon Brooks
Jon Brooks
3,057 Points

Hey Gaylen! Thanks for the reply. I managed to fix it now. It was deceptively simple. I saved my image folder as IMG (caps) and used the lowercase img/ in the HTML. I changed the folder to lower case and now it's all working fine. Thanks!