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 Treehouse Club: CSS My First Web Page Introduction to My First Web Page

Posted by Teal Smallwood
Teal Smallwood
86 Points

The images are not appearing in my workspace. Even the example image of Joy is replaced by a small question mark icon.

Instead of the image, I see a tiny icon of a broken page. Please let me know why this may be occurring. I have tried viewing this on both Safari and Chrome. Thanks!

Stacy Fabian
Stacy Fabian
2,246 Points
Stacy Fabian
Stacy Fabian
2,246 Points

Hi Teal,

Can you include a copy of your code? That helps us see what errors might be there to help you.

Thanks! Stacy

Adam Duffield
Adam Duffield
30,494 Points
Adam Duffield
Adam Duffield
30,494 Points

I 2nd what Stacy said, this forum is a great place for quick and useful answers, but only if you show off all of your code and what your trying to achieve from it 1st :)

Adam

Teal Smallwood
Teal Smallwood
86 Points

Hi guys,

Thanks for getting back to me! The code I am using is from the teacher's notes, which you can see below. The thing is, the pictures do not show up in the workspace at all, not just when I try to preview the page. On the lefthand side of the workspace, when I click 'joy.jpg' her picture is replaced by a question mark icon. The same happens when I upload jpgs of my own. I have tried to use Chrome and Firefox in addition to Safari, but it did not make a difference. I am trying to play around with adding my own images to a webpage, but it is difficult when my images don't show up. Let me know what you think. Thanks!

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8">
    <title>All About Joy's Page</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel="stylesheet" type="text/css">
    <link href="style.css" rel="stylesheet">
 </head>   
 <body> 
     <img src="joy.jpg" alt="joy">

     <h1>Joy Kesten</h1>

     <h2>Teacher</h2>

     <h3>San Francisco</h3>

     <h4>What I do:</h4>
     <p>I'm a teacher at Treehouse, but you should write in what you do here!</p>

   <h4>What I enjoy doing:</h4>  
   <p>When I'm not writing code, I like to surf and play music. Your turn, write in something that makes you happy, or things you like to do in your free time.</p>

 </body>
</html>
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Teal,

I fixed your code formatting for you. This thread will show you how to post code: https://teamtreehouse.com/forum/posting-code-to-the-forum

When I launch the workspace with this video the same things happens for me. If I click on the image I can't see the preview. I don't use workspaces so I don't know if it's a temporary problem or it was always like that.

However, when I click on the "workspace preview" icon, select port 80, then it loads the index page in the browser and I do see the image on the page.

Are you still not seeing it when you click the preview icon at the top right?

guest member
guest member
854 Points

Hi Teal Smallwood and Christopher Hughes sorry for not seeing this post earlier but it sounds like you had some good moderators to work with :)

I just tried to recreate the problem and the picture seemed to work for me. Is it still a problem or was it just a funky moment Workspaces was having?

  • Joy Kesten ( I was signed in as a guest so I could try and recreate the problem :)

2 Answers

Christopher Hughes
Christopher Hughes
13,053 Points
Christopher Hughes
Christopher Hughes
13,053 Points

I'm having the same issue. When I upload an image file to Workspaces and try to preview it, I get a broken picture icon. This has nothing to do with my code. In fact, the boilerplate apple-touch-icon-precomposed.png is not coming up either.

When I pull up the console on Chrome, I see this error:

"Failed to load resource: net::ERR_NAME_NOT_RESOLVED http://apple-touch-icon-precomposed.png" "Failed to load resource: net::ERR_NAME_NOT_RESOLVED http://img/vidresize-bg1.jpg"

Looks to be an issue with Workspaces as looks like it is trying to grab the file from a place that doesn't exist.

Becky McGoldrick
Becky McGoldrick
1,530 Points
Becky McGoldrick
Becky McGoldrick
1,530 Points

This is still not working for me either. Was there ever a solution given?