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 Include External CSS

Hello, I would like to know why my uploaded pictures would not show on my website. there are only little logos

I followed all the steps as Nick did in his videos, but his images show up on his site but mine simply show little logos, as if the pictures can not load. can you help me with this.

4 Answers

Please add you code here)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vitrerie d'Urgence | Service d'Urgence Montreal</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html"> <h1>Vitrerie d'Urgence</h1> <h2>Service d'Urgence Montreal</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> <div id="wrapper"> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modees in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Playing to create 80's.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips using Photoshop.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creatingshapes using repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>© 2015 Vitrerie d'Urgence.</p> </footer> </div> </body> </html>

From the code that you posted, it seems to look fine, I can't see any reason why it wouldn't work. Are the images that you reference available in the folder img? Please can you post a screenshot of where your index.html (or similar files) for this web project are located, if possible.

12,418 Points

try ../ such as: ../img/numbers-12.jpg

Does it work ?

Jian Chean Lim
Jian Chean Lim
2,168 Points

I'm also facing the similar issue. Could it be a firewall?