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
John McCart
Courses Plus Student 1,965 PointsPictures do not show on preview
Hello, my pictures will not show up on the preview (however little page images appear and the link is there but not the actual photos)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>John McCart | Designer</title>
</head>
<body>
<header>
<a href=”index.html”>
<h1>John McCart</h1>
<h2>Designer</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>
<a href="img/number-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture</p>
</a>
</li>
<li>
<a href="img/number-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in photoshop</p>
</a>
</li>
<li>
<a href="img/number-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create 80's style of glows</p>
</a>
</li>
<li>
<a href="img/number-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created using photoshop rushes</p>
</a>
</li>
<li>
<a href="img/number-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes 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/johnmccart"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<p>© 2015 John McCart.</p>
</footer>
</Body>
</html>
1 Answer
David Weigel
8,265 PointsHi John - Looks like a simple typo is causing the error. If you look at the urls in your 'img' tags, you are correctly using the plural "numbers-xx.jpg" format, but in your 'a' tags you are using "number-xx.jpg". If you correct that, the images should show correctly when you click. Cheers!
MOD NOTE: Changed to Answer from Comment so it may be upvoted/marked as Best Answer
John McCart
Courses Plus Student 1,965 PointsJohn McCart
Courses Plus Student 1,965 PointsStrange.. It is still not working after that correction.
John McCart
Courses Plus Student 1,965 PointsJohn McCart
Courses Plus Student 1,965 PointsThe images do not show up on the footer pictures too (twitter/facebook logo) maybe its my browser?