Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Build the Footer

Michael Foster
Michael Foster
7,801 Points

Uploaded photos from training video will not display when attempting to preview the created web page in workspace!

How do I display my code for you to view?

Jeff Jacobson-Swartfager
Jeff Jacobson-Swartfager
15,417 Points

For something like this, a new codepen will be great!

Just paste your code in, hit save, and send us the URL!

Michael Foster
Michael Foster
7,801 Points

Hey Jeff, I have already deleted the workspace so that I can rewrite the code all over again. I know this may be a tedious way of trying to fix the problem but regardless it will be good practice for me. I will pay close attention to detail when rewriting the code this time. Thanks for such a quick response and informing me on how to display my code when asking for help using codepen!

Michael Foster
Michael Foster
7,801 Points

Hey Jeff, I am still encountering the same problem. Here is the URL for my code. http://codepen.io/mfoster1987/pen/xbMZQN

Check your html code and make sure you have the <img> tag and the relative pathway to the image correct.

Michael Foster
Michael Foster
7,801 Points

I would like to say thank you to everyone who tried helping me out with this problem. I was able to fix the issue by fixing the relative pathway, moving the photos from my downloaded files onto my desktop. Then dragging the photos from my desktop into my workspace and finally creating the file "img". Last but not least for those who may encounter the same problem, I clicked preview and the photos displayed as seen in the video. Agains thanks guys for your support!

3 Answers

Michael Foster
Michael Foster
7,801 Points

Remove the downloaded photos from your downloaded files and place the img folder on your desktop! This worked for me on my MacBook Pro Yosemite version!

Jeff Jacobson-Swartfager
Jeff Jacobson-Swartfager
15,417 Points

One thing to check: make sure you've put the uploaded images into the img folder. If that's not the issue, I'll wait to see your code!

Jeff Jacobson-Swartfager
Jeff Jacobson-Swartfager
15,417 Points

The src attributes of your img tags look fine. There are three things you are going to want to check:

  1. You want to make sure that the images you've uploaded have been uploaded to the img folder in your Workspace.
  2. Your html file should be in the base of your Workspace.
  3. The names and filetypes of your images should match what you've got in the img tag's src attribute. For example, the first image (with the src attribute of "img/numbers-01.jpg`) should be a .jpg file named "numbers-01.jpg", and it should be in the "img" folder in Workspaces.

The path and filename in src have to exactly match the actual path and filename of the file.

Kirill Fedotov
Kirill Fedotov
3,809 Points

It seems like you have wrong filenames of the images or your index.html is located not in the base of your site structure.