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 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?