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

When I select the image in workspaces I can see it, but when I preview it the image is just an icon. Any suggestions?

The code and workspaces looks exactly like the instructors.

May I see your code?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Katie Larson | Outdoor Enthusiast</title> </head> <body> <header> <a href="index.html"> <h1>Katie Larson</h1> <h2>Outdoor Enthusiast</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 Katie Larson.</p> </footer> </body> </html>

7 Answers

I am having the same problem. When I select Preview I get a prompt with "Do you want to open or save xxx from port-80-beoojrvm4h.treehouse-app.com? Here is my code.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nick Pettit</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Nick Pettit</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> <div id="wrapper"> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Descriptive text for image</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Descriptive text for image</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Descriptive text for image</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>© 2014 Nick Pettit.</p> </footer> </div> </body> </html>

I am having that same problem too, did you find a solution? Thanks

Katharina I had to use a browser other than IE. When I switched to Mozilla I could FINALLY see it.

Mark Singleton
Mark Singleton
5,182 Points

Yes, beware of Internet Explorer - it is the least standards compliant browser of them all, ironically.

Thank you!! I switched to google chrome and can now see the image.

John Steer-Fowler
John Steer-Fowler
Courses Plus Student 11,734 Points

Hi Katharina,

I really recommend using Chrome all the time. It's much better for development than IE.

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Hi Katharina,

Please snapshot your Workspace and post a link to it here.

We will do our best to help once we see your code

Mark Singleton
Mark Singleton
5,182 Points

Normally you get that icon when the browser can't find the image you linked to. Can you give a screenshot with the img folder expanded please?

Thanks :)

I'm not sure how to screenshot it but here is the link, hope it helps you help me. https://teamtreehouse.com/workspaces/5038962#

Mark Singleton
Mark Singleton
5,182 Points

Hmmm, I've looked at your code but can't see anything obviously amiss . . .

Try deleting the img folder and re-upload the pictures . . ?

Thanks, I tried that a few different times but the problem persists. Also when I go to view my workspace this "Do you want to open or save SPW8Z7G8 from port-80-8m94xe0m7n.treehouse-app.com?" pops up every time. I open, save, open and save it and still no image.

Hello guys I have been experiencing the very same problem - I am using Google Chrome wich seems to be the most appropriate. I will try to delete the whole image folder and re-upload it again as Mark mentioned before. If some can help that´llbe cool.

I dont know for sure what happened but I Installed Mozilla firefox and also re-uploaded my folder and it did work - I´m stoked!

Also I made sure the pictures were inside the img folder... Hope it helps anyone.