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
Ramon Salinas
5,538 PointsHelp please with images not displaying.
I had an issue earlier where I accidentally deleted the project files and had to download and upload files to workspaces. Now, my images in the project will not display in my browser. they show as "?" and when I click them i get an error of "404" something or another. I've looked at all my code and made sure it was the same as Nick Pettit's on the lectures, and it's identical. The images were there before.
Help please. RS
11 Answers
jeremywhiteford3
13,297 PointsA 404 is a "not found" error. Did you possibly delete your image files?
Ramon Salinas
5,538 PointsI added all the image files back to the project and made sure the names are correct, etc.. and nothing. I can browse other websites with no issues...
Dustin Matlock
33,856 PointsTry incognito, if not another browser. You could be fetching a cached version, though I'm not exactly sure how Workspaces work since I've not used them yet. Definitely make sure the images are in the proper linked directory.
Ramon Salinas
5,538 PointsNo dice. I cleared my cache to no success. I'm running a macbook pro with safari, never had an issue like this before, but I'm pretty new to this, so may be operator error...
Dustin Matlock
33,856 PointsHave you tried the project locally on your MacBook? It might help us if you could zip the entire project to Dropbox or something and link it to this thread.
jeremywhiteford3
13,297 PointsI haven't used the workspace thing yet either. If you let me know which course I'll try downloading, deleting and seeing if it works on mine.
Ramon Salinas
5,538 PointsI'm on #8 of how to create a website called responsive web design and testing, but the images are covered in #3 creating html concepts.
Dustin Matlock
33,856 PointsI've tried to launch a workspace for that lesson and it won't load for me. I'd recommend downloading the project files and working locally, or possibly contact support about the issue.
jeremywhiteford3
13,297 PointsDustin, I'm able to launch it and have no issues. Maybe our systems are different though... I'm using Windows 8 and Chrome.
Dustin Matlock
33,856 PointsThis is what I'm seeing on a mac.
jeremywhiteford3
13,297 PointsSorry I'm not a mac guy... It loads fine for me on windows. Maybe this is something for support?
jeremywhiteford3
13,297 PointsI'm not having luck re-creating your error.
If you download the most recent .zip of the course and create a new workspace I'd imagine it would work. It's possible that the workspace could cache your old files if you keep the same name so try naming it something different.
WIthout looking at your html it's going to be hard to pinpoint the problem.
Is it possible the folder name "img" got renamed or move? Or maybe the path to it in your markup has changed?
Ramon Salinas
5,538 PointsOk, see if this makes sense, basically copied and pasted. #1 is the web page, #2 is the html , and #3 is css . The double spaces btwn the paragraphs are where the images would be instead of the "?" that appers.
1
Ramon Salinas
Designer
Portfolio About Contact
Expirementation with color and texture.
Playing with blending modes in Photoshop.
Trying to create an 80s style of glow.
Drips created using Photoshop brushes.
Creating shapes using repitition.
©2014 Ramon Salinas.
2
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ramon Salinas | Designer</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1>Ramon Salinas</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>
<div id="wrapper">
<section>
<ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Expirementation 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 modes in Photoshop.</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create an 80s style of glow.</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created using Photoshop brushes.</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using repitition.</p>
</a>
</li>
</ul>
</section>
<footer>
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
<p>©2014 Ramon Salinas.</p>
</footer>
</div>
</body>
</html>
3
main.css
a { text-decoration:none; }
wrapper {
max-width:940px; margin:0 auto; padding:0 5%; }
logo {
text-align:center; margin:0;
}
Ramon Salinas
5,538 PointsThanks guys, I emailed support and hopefully I hear back from them tomorrow.
Ramon Salinas
5,538 Pointslooks like the html did not copy/paste. oh well will wait for support.
Ramon Salinas
5,538 PointsTurns out that when I uploaded the image files again after accidentally deleting them, I made a folder and called it "IMAGES", and in my code the images are called "IMG", that's why they're not pointing to each other. Well, good lesson learned for me!!!
jeremywhiteford3
13,297 PointsHaha we all make mistakes like that. I've been a front end developer for close to 6 years and yesterday it took me an hour to find my issues were all caused by a single typo. :p