Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Add Image Gallery Content

Posted by marcolamoon
marcolamoon
16,915 Points

My images are not appearing. coding seem to be right, HELP!!!!!

https://w.trhou.se/jg5w43o5jo

2 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,692 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,692 Points

Hey Marcola,

I see a couple things that will be throwing off your code.

  1. Your index.html file is located inside of a folder called index.html. This will not only throw off the browser when loading the page, but as your images are coded now, the path is not correct. The index.html file needs to be located in the root directory. So, move it out of the folder (then delete the folder) and place the index.html in the root of "How to Make a Website."

  2. For the numbers-02, you are missing a / between img and the file name.

Fix those two things, and it should be okay.

Keep Coding! :)

marcolamoon
marcolamoon
16,915 Points

thanks. i appreciate it.

Gary Mejia
Gary Mejia
3,562 Points
Gary Mejia
Gary Mejia
3,562 Points

You have your index.html and img in different folders. 2 options:

  1. move your index.html to the img folder
  2. don't move index.html but add ../ in front of img to let the browser know to move out of the current folder to find img folder (you'll learn that later) example: img src="../img/numbers-02.jpg" alt=""> This thing is actually saying &quot instead of putting "" don't let that confuse you. Just add ../ aslo you are missing / for number-02
marcolamoon
marcolamoon
16,915 Points

thanks. i appreciate it.