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 Include External CSS

Posted by Jason Hayes
Jason Hayes
4,810 Points

Can't view images

I am trying to add the images in workspaces. I have uploaded the images to the folder but when I try to view the images it appears they are showing as a broken link. Like they are not loading correctly. What am I doing wrong?

Nathan Williams
seal-mask
.a{fill-rule:evenodd;}techdegree
Nathan Williams
Python Web Development Techdegree Student 6,851 Points
Nathan Williams
.a{fill-rule:evenodd;}techdegree
Nathan Williams
Python Web Development Techdegree Student 6,851 Points

Hi Jason,

Do you mean you see the "broken link" in the workspaces editor, like this?

broken image

or does it appear broken when you use the workspaces preview feature to view the website?

4 Answers

Gloria Dwomoh
Gloria Dwomoh
13,116 Points
Gloria Dwomoh
Gloria Dwomoh
13,116 Points

Did you place the images under the Img folder? Make sure the images are nested below it and not in the main folder.

Jason Hayes
Jason Hayes
4,810 Points
Jason Hayes
Jason Hayes
4,810 Points

Nathan, that is exactly what is happening. I uploaded the image, created the image folder, then wrote the code. When I went to preview the page that is what I saw. Then when I went back to the code, I tried to view the image and am seeing exactly what you are showing there.

Gloria Dwomoh
Gloria Dwomoh
13,116 Points

If you can't see the images in the preview there might be an error in the code you wrote. You can show us your code, maybe we can help.

Nathan Williams
seal-mask
.a{fill-rule:evenodd;}techdegree
Nathan Williams
Python Web Development Techdegree Student 6,851 Points
Nathan Williams
.a{fill-rule:evenodd;}techdegree
Nathan Williams
Python Web Development Techdegree Student 6,851 Points

Thanks, Jason. FWIW, I think workspaces doesn't show images in the editor, though I can see how that would be confusing. If you're having trouble viewing them in the preview, it's probably a path or capitalization problem. Hope that helps!

Andrew Olson
Andrew Olson
4,028 Points
Andrew Olson
Andrew Olson
4,028 Points

Hi Jason,

We just deployed a fix for this. Can you try again and see if image previewing is working for you now. Sorry for hiccup there.

Jason Hayes
Jason Hayes
4,810 Points

Yes, the preview has now been fixed. Thanks for all your help.