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

I copied the code perfectly and the first image still won't show can anyone help me?

There is a new thing on my website that resembles a file but i can't click on it.

Bogdan Cabaj
Bogdan Cabaj
16,348 Points

Please include your code here (make sure to use proper markdown referenced below before sending) or you can Take a snapshot of your workspace and paste your link here.

8 Answers

Andrew Swift
Andrew Swift
6,600 Points

If you have the code written in your workspace the same way it is written in the video it should work. You should check to make sure the image you are trying to see ( presumably : numbers-01.jpg) is inside your img folder. I just tried a few things with my workspace and it seems like this is the most likely issue causing your problem.

Fuad B
Fuad B
458 Points

Yup, I agree with Andrew, those are the most common non-showing images issues. If it's in your folder and your code is exactly the same as in the video, it should show up. good luck!

Mike Sass
seal-mask
.a{fill-rule:evenodd;}techdegree
Mike Sass
Front End Web Development Techdegree Student 3,626 Points

<section> <ul> <li> <img src="Img/number-01.jpg" alt=""> </li> </ul> </section> <footer> <p>Ā© 2017 Mike Sass.</p> </footer> </body> </html> This is my code for the video and it still wont work. Copied as it is in the video. Thanks for the help.

Andrew Swift
Andrew Swift
6,600 Points

Hey Mike, have you checked to make sure that you have placed the image you are trying to see into your img folder?

Fuad B
Fuad B
458 Points

Hey mike, I see 2 typos in your code. "Img/number-01.jpg" img instead of Img numbers instead of number Correct that and it should work Cheers

Mike Sass
seal-mask
.a{fill-rule:evenodd;}techdegree
Mike Sass
Front End Web Development Techdegree Student 3,626 Points

Andrew, all of the images are in my Img folder in workspace. My code after the img src ,etc. is highlighted in red. Still wont let me do it. Is it because Im using a Mac? Or should that not make a difference

Andrew Swift
Andrew Swift
6,600 Points

Shouldn't matter that you are using a mac, that is what I use. I did this course a few weeks ago, give me a moment to open my old workspace and see if I can troubleshoot your problem.

Andrew Swift
Andrew Swift
6,600 Points

OH WAIT! I just noticed a typo in your code! <img src="Img/number-01.jpg" alt=""> should be... img/numbers-01.jpg.

You just forgot the S on the end of numbers. Totally common mistake and easy to look past. Try that and let me know if it works.

Mike Sass
seal-mask
.a{fill-rule:evenodd;}techdegree
Mike Sass
Front End Web Development Techdegree Student 3,626 Points

The folder I created is labeled with a capital I, so it is not a typo within the code. As i stated above, i tried other images and fixed the "s" typo, too. Still not working

Andrew Swift
Andrew Swift
6,600 Points

That's very strange mike, I can't seem to figure out what exactly is going wrong with your code. But the fact that the whole line is in red leads me to believe that you have a small typo or syntax error earlier in your code which is messing up everything that comes afterwards. Without seeing your entire workspace I can't figure that out for sure, but since none of the other options worked that seems to me like the most logical explanation.

Mike Sass
seal-mask
.a{fill-rule:evenodd;}techdegree
Mike Sass
Front End Web Development Techdegree Student 3,626 Points

Andrew, you would be correct. There was a typo way up higher from a previous task. I was missing a " in one of the links above. Thank you for the help!

Andrew Swift
Andrew Swift
6,600 Points

Ah yes! Great to hear Mike, glad I could help. It can be very frustrating trying to find a mistake on your own, good luck with the rest of your studies, and happy coding.