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
Jeff Borota
1,050 PointsImage not showing for Web Development Courses
I am combing through the Web Development course on Treehouse. Inside the workspaces section where you load images, I am having issues actually seeing them when I go to preview my sample. I can get them loaded in the side panel but when i use code in my index.html file in workspaces and "code" the images in they show up as little blue boxes with questions marks instead of the actual photos. The images sizes are the recommended sizes so I know thats not the issue. Just curious if its maybe a setting in my own Macbook that I'm having issues with.
2 Answers
Jeff Borota
1,050 Points<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jeff Borota | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<style>
nav a {
color: white;
background-color: orange;
}
</style>
</head>
<body>
<header>
<a href="index.html">
<h1>Jeff Borota</h1>
<h2>Designer</h2>
</a>
<nav>
<ul>
<li><a href="index.html">Portfolio</a></li>
<li><a href="about.html">About<a/></a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<ul>
<li>
<a href="img/numbers-01.jpg"></a>
<img src="img/numbers-01.jpg" alt="">
<p>Playing with blending modes in Photoshop</p>
</li>
<li>
<a href="img/numbers-02.jpg"></a>
<img src="img/numbers-02.jpg" alt="">
<p>Trying to create an 80's style of glows.</p>
</li>
<li>
<a href="img/numbers-06.jpg"></a>
<img src="img/numbers-006.jpg" alt="">
<p>Drips created using Photoship brushes.</p>
</li>
<li>
<a href="img/numbers-09.jpg"></a>
<img src="img/numbers-009.jpg" alt="">
<p>Creating shapes using repitition.</p>
</li>
<li>
<a href="img/numbers-12.jpg"></a>
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using repition.</p>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/iborota"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/jefferymichael"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
<p>Ā© 2014 Jeff Borota.</p>
</footer>
</body>
</html>
elk6
22,916 PointsSound more like the path to the images might be a bit off. Can you give us a snapshot of your workspace? That way we can see what's going on.
Jeff Borota
1,050 PointsHow can I add an image in the comment section. I could copy paste my code.
Jeff Borota
1,050 PointsHow can I add an image in the comment section. I could copy paste my code.