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

Romi Stepovich
Romi Stepovich
8,473 Points
Posted by 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>

John Breslin
John Breslin
16,963 Points

Do you have them in an img folder?

3 Answers

Romi Stepovich
Romi Stepovich
8,473 Points
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
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
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.

John Breslin
John Breslin
16,963 Points

Excellent, good to hear.