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 Structure the Image Gallery

I resized a few photos in a photo editor to the proper height and width but it still only showed up as a black imageicon

I am working on the ''structure the image'' video. I tried to add a few of my own pictures. I resized the pixels to height 768 and width 1024. I uploaded the file to workspace and made a link to the file tree but it still only showed up as a blank image icon when I viewed the web page. Any ideas why the image still won't show up.

5 Answers

Hi Daniel, Try following these steps: 1. make sure that the image is inside the img folder and when you click on the image, in workspaces, the image preview appears. 2. copy the file name and paste it into the code <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt="">

  1. refresh your cache
  2. if these don't work, try one of the sample images (like numbers-01.jpg). If that works then something might be wrong with the new image.

Sometimes the most simple answer makes all of the difference. Hope that this helps.

I had this same problem initially. Although, I triple checked the code, and it appeared to be correct, deleting it and re-writing it did the trick for me. Fingers crossed you get it!

yeah, I checked it a few times and it looked right. I came back the next day and it worked. Now I'm working on the css style sheet and it's the same thing. I typed the link in and checked it five times, I've even re-done it a few times and checked it five times and it looks the same as on the video. still, the browser settings have not been reset. I'm wondering if there might be something else going on.

Could you post the sections of code from your html and css files?

well, it isn't that the code was wrong. It has something to do with the browser. I left the same code in and closed out the browser then came back later and it worked without redoing the code. it happened again when i added more css. I'm using chrome. could that be the issue, wrong browser?

Maybe it is a caching issue?

At my work, I have had some issues with Google Chrome, when I am making edits to our website. I always have to remember to refresh my cache.

I always refresh too.