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 Add Image Gallery Content

Images not shown as links, neither are caption below images

Hello, I've followed the course in my Workspace step by step, however my images do not show the link, nor are the captions below every image clickable? I added part of my code below? What do I do wrong? Anyone?

<a href="index.html"> <h1>Arjan Blok</h1> <h2>Projectenkoning</h2> </a> <nav> <ul> <li><a href="index.html">CV</a></li> <li><a href="ervaring.html">Projecten</a></li> <li><a href="contact">Contact </a></li> </ul> </nav> </header> <section> <ul> <li> <a href="images/numbers-01.jpg"> <img src="images/numbers-01.jpg" alt=""> <p>gewoon ff proberen ouwe!</p> </a> </li> <li> <a href="images/numbers-02.jpg"> <img src="images/numbers-02.jpg" alt=""> <p>gewoon ff proberen ouwe!</p> </a>

Hi Arjan Blok!

It appears to me that your file location is wrong (assuming you are following the course) your pictures should be located within the "img" folder not the "images" folder you have entered, so they browser is not able to locate those images. Try switching it around, and hopefully this helps.

3 Answers

Steven Parker
Steven Parker
231,198 Points

Using the code above, the images do appear as links, so everything looks good. Perhaps the problem is not in this part of the code?

Reggie's suggestion about checking the folder name for the images is a good idea, but I'm not sure it explains what you are seeing. If the folder is wrong, the images just will not appear (most browsers will substitute a little placeholder symbol for them), but the link substitute and the caption should still be clickable.

Is there perhaps some JavaScript and/or CSS that goes with this HTML code that may be causing the difference?

Thank you for your effort, I will try your suggestions. Can it also has anything to do perhaps with the browser? I use Firefox.

@Steven Parker & @Reggie Sibley, just solved it with your help, tnx! I indeed changed the folder into img and changed the location in code/index.html accordingly and now the captions/txt below the images changed into links?! I didn't quite expect that behaviour, but I worked!

No problem Arjan glad i could help :)!