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

Jesse Mignogna
Jesse Mignogna
380 Points
Posted by Jesse Mignogna
Jesse Mignogna
380 Points

I am following along with the video and when I preview my workspace the image is not showing. why is that?

Why is my image not showing. Everything is the same as what Nick wrote in the video.

Jesse Mignogna
Jesse Mignogna
380 Points
Jesse Mignogna
Jesse Mignogna
380 Points

This is what my code reads: Under <section> why is the <a href> not displaying that image (numbers-01.jpg") when I preview the page?

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Jesse Mignogna | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Jesse Mignogna</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"></a> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> </ul> </section> <footer> <p>© 2014 Jesse Mignogna.</p> </footer> </body> </html>

Carlos Martinez
Carlos Martinez
10,660 Points
Carlos Martinez
Carlos Martinez
10,660 Points

Hey Jesse,

Seems as though you have two closing "a" tags. That may be the issue.

3 Answers

Jesse Mignogna
Jesse Mignogna
380 Points
Jesse Mignogna
Jesse Mignogna
380 Points

Ok I got it! The issue was my folder was named IMG. and I named the href and src tags: img the issue being the capitals in the folder.

Carlos Martinez
Carlos Martinez
10,660 Points
Carlos Martinez
Carlos Martinez
10,660 Points

At first I think i had the same problem. Make sure you are entering the correct folder name. In the video Nick's folder was named "img". In the workspace it's "image". Make sure you are using the correct name to grab the pictures from.

Jesse Mignogna
Jesse Mignogna
380 Points
Jesse Mignogna
Jesse Mignogna
380 Points

Carlos, right now my line of text reads: <img src="img/numbers-01.jpg" alt=""> Should it be: <img src="image/numbers-01.jpg" at="">

Jesse Mignogna
Jesse Mignogna
380 Points
Jesse Mignogna
Jesse Mignogna
380 Points

Good eye on the 2 closing "a" tags but that did not fix the problem. do you see the pictures when you preview the page?

Michael Leismeister
Michael Leismeister
3,706 Points
Michael Leismeister
Michael Leismeister
3,706 Points

I would of thought it was the extra a tag - I did the course and could see the pictures. You did down load the files right? and then upload them in the right file? Make sure you put them in the img file - by default the files are 'dropped' into the root file you will have to move each one to right location.