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 trialChristopher Salonia
3,549 PointsImage 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
James Fulkerson
4,474 PointsThe 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
3,549 PointsFinally it showed up, the file was named 'Img' with the upper case 'i'. Thank you Ted, and James!
James Fulkerson
4,474 PointsIt looks like you're missing the opening section tag.
Christopher Salonia
3,549 PointsHi 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>
Ted Sumner
Courses Plus Student 17,967 PointsThe 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.
Ted Sumner
Courses Plus Student 17,967 PointsI just reread that you downloaded and extracted the images. Did you upload them to Workspaces and place them in the img folder?
Bogere Sanders
2,195 Pointswhen 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."
Ted Sumner
Courses Plus Student 17,967 PointsHave you uploaded the photos to Workspaces and tried to view there?
Bogere Sanders
2,195 Pointsyep, still doesn't show up
Ted Sumner
Courses Plus Student 17,967 PointsPlease 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
2,195 Pointsthe 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.
Ted Sumner
Courses Plus Student 17,967 PointsThen 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
2,195 Pointsdownloaded again and they worked.
Ted Sumner
Courses Plus Student 17,967 PointsExcellent. Post here if you have any more problems and I will try to help you.