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

mischievousmaven
mischievousmaven
6,597 Points

pictures not showing up properly during preview

How come when I preview, only the broken image thumbnail shows up? If the image is clicked, the picture is revealed.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>dFoxRox | Title Line</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Euphoria+Script|Dancing+Script' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>dFoxRox</h1> <h2>Title Line</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">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 id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/number-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>Playingwith blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/number-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/number-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/number-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://facebook.com"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://twitter.com"><img src="img/facebook-wrap.png" alt"Facebook Logo"></a> <p>Ā© 2015 dFoxRox.</p> </footer> </div> </body> </html>

Konrad Pilch
Konrad Pilch
2,435 Points

HI!

Well, paste your code so we can see ^^

2 Answers

Thas Eagans
PLUS
Thas Eagans
Courses Plus Student 2,533 Points

You must be referring to the broken image icon. That means you need to check your image name, the path to the image, etc. Something is not right in your code.

</TREagans>

mischievousmaven
mischievousmaven
6,597 Points

thank you i will try again