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

Christopher Salonia
Christopher Salonia
3,549 Points

Image is not showing

My Image is not showing, i downloaded and extracted the images

Code is

<section> <ul> <li> <img src="img/numbers-01.jpg" alt=""> </li> </ul> </section>

10 Answers

The code actually looks legit. Are you sure the image file is in the folder, "img" and the file is a jpg? Those are things I overlook from time to time. Good luck!

Christopher Salonia
Christopher Salonia
3,549 Points

Finally it showed up, the file was named 'Img' with the upper case 'i'. Thank you Ted, and James!

It looks like you're missing the opening section tag.

Christopher Salonia
Christopher Salonia
3,549 Points

Hi James,

I had only placed a snip-it of it! Here's the whole one

<html> <head> <meta charset="utf-8"> <title>Christopher Salonia | Designer </title> </head> <body> <header> <a href="index.html"> <h1>Chris Salonia</h1> <h2> Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <img src="img/numbers-01.jpg" alt=""> </li> </ul> </section> <footer> <p>© 2015 Chris Salonia.</p> </footer> </body> </html>

The most likely problem is in your file structure in Workspaces. Does the img folder exist in the folder that contains your index.html file? Is the image in the img folder? This is case sensitive, so are the names of the folder and file EXACTLY the same in all ways?

If none of those fix the problem, please create a fork snapshot by clicking on the camera icon in the upper right corner of the Workspaces window and post the link you create here.

I just reread that you downloaded and extracted the images. Did you upload them to Workspaces and place them in the img folder?

Bogere Sanders
Bogere Sanders
2,195 Points

when i downloaded the image folder and tried to open them up on the desktop and it said "Windows Photo Viewer can't open this picture because the file appears to be damaged, corrupted or is too large."

Have you uploaded the photos to Workspaces and tried to view there?

Bogere Sanders
Bogere Sanders
2,195 Points

yep, still doesn't show up

Please post a Workspace snapshot by opening workspaces, clicking the camera icon on the upper rights, opening the link, and copying pasting the URL. I can then look at your code and images.

Bogere Sanders
Bogere Sanders
2,195 Points

the images themselves won't show up on my computer. Meaning, if I click the image in the image folder after I download but before I upload it to work spaces it says its corrupt.

Then try downloading the pictures again. If you still have problems, post a fork snapshot as discussed above. I can look at what they look like for me and upload the photos and fork it back to you if need be.

Bogere Sanders
Bogere Sanders
2,195 Points

downloaded again and they worked.

Excellent. Post here if you have any more problems and I will try to help you.