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
Michael Foster
7,801 PointsUploaded 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?
Michael Foster
7,801 PointsHey 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!
Jeff Jacobson-Swartfager
15,419 PointsNo problem! And, good luck!
Michael Foster
7,801 PointsHey Jeff, I am still encountering the same problem. Here is the URL for my code. http://codepen.io/mfoster1987/pen/xbMZQN
Daniel Burch
1,948 PointsCheck your html code and make sure you have the <img> tag and the relative pathway to the image correct.
Michael Foster
7,801 PointsI 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
7,801 PointsRemove 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
15,419 PointsOne 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
15,419 PointsThe src attributes of your img tags look fine. There are three things you are going to want to check:
- You want to make sure that the images you've uploaded have been uploaded to the img folder in your Workspace.
- Your html file should be in the base of your Workspace.
- The names and filetypes of your images should match what you've got in the
imgtag'ssrcattribute. For example, the first image (with thesrcattribute 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
3,809 PointsIt seems like you have wrong filenames of the images or your index.html is located not in the base of your site structure.
Jeff Jacobson-Swartfager
15,419 PointsJeff Jacobson-Swartfager
15,419 PointsFor something like this, a new codepen will be great!
Just paste your code in, hit save, and send us the URL!