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

Posted by Trent McDole
.a{fill-rule:evenodd;}techdegree seal-36
Trent McDole
Front End Web Development Techdegree Graduate 20,877 Points

The Image is only showing as an icon on my chrome browser

the numbers jpeg in the image file only appears as a small icon in the web browser.

2 Answers

Andy Stoica
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Andy Stoica
Full Stack JavaScript Techdegree Graduate 29,957 Points
Andy Stoica
.a{fill-rule:evenodd;}techdegree seal-36
Andy Stoica
Full Stack JavaScript Techdegree Graduate 29,957 Points

Hi Trent,

The first thing I would check is to see if the correct path has been passed to the src attribute. If you followed the tutorial, the images should be inside the IMG folder and the img tag should read something like

<img src="img/numbers-01.jpg" alt="">

Common mistakes are simple typos, using the wrong back slash "\" instead of forward slash "/", not closing the double quotes, wrong relative path or the wrong file extension ie. .png instead of .jpg.

Trent McDole
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Trent McDole
Front End Web Development Techdegree Graduate 20,877 Points
Trent McDole
.a{fill-rule:evenodd;}techdegree seal-36
Trent McDole
Front End Web Development Techdegree Graduate 20,877 Points

Thanks i figured it out, I didn't put the jpeg files in the img folder.