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
Katie Larson
1,432 PointsWhen 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.
Katie Larson
1,432 Points
Katie Larson
1,432 Points<!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
alisonadams3
3,822 PointsI 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>
Katie Larson
1,432 PointsI am having that same problem too, did you find a solution? Thanks
alisonadams3
3,822 PointsKatharina I had to use a browser other than IE. When I switched to Mozilla I could FINALLY see it.
Mark Singleton
5,182 PointsYes, beware of Internet Explorer - it is the least standards compliant browser of them all, ironically.
Katie Larson
1,432 PointsThank you!! I switched to google chrome and can now see the image.
John Steer-Fowler
Courses Plus Student 11,734 PointsHi Katharina,
I really recommend using Chrome all the time. It's much better for development than IE.
John Steer-Fowler
Courses Plus Student 11,734 PointsHi Katharina,
Please snapshot your Workspace and post a link to it here.
We will do our best to help once we see your code
Katie Larson
1,432 Points
Mark Singleton
5,182 PointsNormally 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 :)
Katie Larson
1,432 PointsI'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
5,182 PointsHmmm, I've looked at your code but can't see anything obviously amiss . . .
Try deleting the img folder and re-upload the pictures . . ?
Katie Larson
1,432 PointsThanks, 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.
julianderson Kaminski
632 PointsHello 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.
julianderson Kaminski
632 PointsI dont know for sure what happened but I Installed Mozilla firefox and also re-uploaded my folder and it did work - I´m stoked!
julianderson Kaminski
632 PointsAlso I made sure the pictures were inside the img folder... Hope it helps anyone.
cameroneckelberry2
8,701 Pointscameroneckelberry2
8,701 PointsMay I see your code?