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!

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

Adding Pictures

I am trying to add an image to my page and as far as i can tell have typed everything out correctly however once you preview the page the image is only a icon. Just wondering if anyone else has come across this issue or have i done something wrong.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bradley Weir | Photographer</title> </head> <body> <header> <a href="index.html"> <h1>Bradley Weir</h1>
<h2>Photographer</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> <img src="img/numbers-01.jpg" alt=""> </li> </ul> </Section> <Footer> <p>© 2016 Bradley Weir.</p> </Footer> </body> </html>

Here is the link to my page so you can see for yourself whats going on if my above description was poor.



3 Answers


Yes I have, Thanks for the response!


Your previous response lead me to the answer! I had named the folder "IMG" with all caps, but in my code the folder was actually "img" all lower case. I did not realize the folder and code structure were case sensitive! Thanks Again!


Fantastic information!!! Been racking my brain on this and you solved it! Thanks so much!