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 Laura Miller
Laura Miller
209 Points

Error message. 404 File not found.

So I'm pretty sure I've got the coding right, I've checked it at least three times now and I still can't find any errors, but whenever I go to view what my page looks like through workspaces, it comes up with little question mark boxes instead of the pictures which leads to a link that says "404 File not found". Does anyone know how I can fix this? I've definitely imported the pictures, so I'm struggling to see where I've gone wrong or how to fix this. Any help would be much appreciated!

Laura Miller
Laura Miller
209 Points

Here's what my code looks like

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimation with colour and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>2</p> </a> </li>
<li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>6</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>9</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>12</p> </a> </li> </ul> </section>

3 Answers

Andreas cormack
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Points
Andreas cormack
.a{fill-rule:evenodd;}techdegree seal-36
Andreas cormack
Python Web Development Techdegree Graduate 33,011 Points

Hi Laura I cannot actually see any of your code but looking at the error I would say the path to your image is incorrect or the the image name is incorrect. this is what it should look like. <img src="img/numbers-01.jpg">

Devin Scheu
Devin Scheu
66,191 Points
Devin Scheu
Devin Scheu
66,191 Points

make sure that you image file is name right if you capitalized the "I" in img, you need to also capitalize the "I" in img/numbers. I hope this helps!

Rikky Yoelanda Putra
Rikky Yoelanda Putra
2,317 Points
Rikky Yoelanda Putra
Rikky Yoelanda Putra
2,317 Points

Hi, maybe you can check your image path again and look maybe there's an uppercase in folder name or image name. Try to make any folder name and file name in lowercase, sometimes an uppercase can messing out.