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 dalexis peguero
dalexis peguero
2,631 Points

When I'm making my image gallery it does not cover the webpage with the image i chose

Instead, when I click preview I just see a picture icon (not the picture or a small picture version o it) I know I did the code right because it matches Nick's code. Here check it out.

<DOCTYPE html> <html> <head> <meta charset="utf-8" <title> Dalexis Peguero | The Man </title> </head> <body> <header> <a href="index.html" <h1>Dalexis</h1> <h2>The Bomb!</h2> </a> <nav> <ul> <li><a href="index.html">Template</a></li> <li><a href="about.html">About me son</a></li> <li><a href="contact.html">contact</a></li> </ul> </nav> </header> <section> <ul> <li> <img src="img/numbers-01.jpg" alt=""> </li> </ul> </section> <footer> <p>Ā© 2014 D Money Enterprise</p> </footer> </body> </html>

Eric Vandenberg
Eric Vandenberg
9,095 Points
Eric Vandenberg
Eric Vandenberg
9,095 Points

Make sure that your path to your image url is locating the image correctly. This will depend on whether you are storing your images in a img folder or if you images are located alongside your .html files

If your images are nested in a folder named img then your need to provide a path to that folder:

<a href="img/numbers-01.jpg">

If your images don't belong to a folder but they are still uploaded to your project alongside your .html files then you don't need to provide a path to any folder:

<a href="numbers-01.jpg">
dalexis peguero
dalexis peguero
2,631 Points

So you were right! I named the older IMG and because it was capital letters that's why it was happening. :D

1 Answer

Tommy Gebru
Tommy Gebru
30,164 Points
Tommy Gebru
Tommy Gebru
30,164 Points

Hey Dalexis,

make sure to select Best Answer to close out a Forum discussion, this helps students find similar solutions and organizes the Forum much better.