Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Structure the Image Gallery

Romi Stepovich
Romi Stepovich
8,473 Points

When I try to preview my image, I am getting a broken picture icon on Chrome and nothing on Firefox and Safari.

Here is a copy of my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Romi Stepovich | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Romi Stepovich</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 Romi Stepovich.</p> </footer> </body> </html>

Do you have them in an img folder?

3 Answers

Romi Stepovich
Romi Stepovich
8,473 Points

Hi John, Thank you. You're right, my code is identical to the lesson. I cut and pasted the entire thing but it got cut off in the reply box. I just did try clearing the cache (per your comment) on Chrome but it still didn't load. Thank you, though, for being helpful. Here it is again.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Romi Stepovich | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Romi Stepovich</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 Romi Stepovich.</p> </footer> </body> </html>

Romi Stepovich
Romi Stepovich
8,473 Points

It keeps cutting this off when I try pasting everything here: <!DOCTYPE html> <html> <head>

Romi Stepovich
Romi Stepovich
8,473 Points

RESOLVED. Thank you Treehouse Code Challenges & Workspace Team. For anybody having the same issue, it turned out that my files were not yet properly extracted, although the image file opened in my downloads. If you do not have the right software, the link they provided was: http://www.7zip.org/download.html

If you have a Mac, like I do, scroll down to the bottom and you will find a similar download for Mac OSX.

Once I extracted the images and reloaded them, the images showed up in the preview mode without a problem.

Excellent, good to hear.