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

Travis Bentz
Travis Bentz
640 Points

Why won't my photos appear on the website?

My photos on How to Make a Website and they do not show no matter what I do. Links to FB and Twitter work, but the pictures don't. I have gone over the videos, I am not missing code. I am wondering that since I just uploaded the pictures into the the img file (something I missed the first time around), if I need to rewrite the code? They appear withing the folder, but are not showing on the site, and the links that are there, go to an error 404 page, saying the page cannot be found. Which indicates that the URL is wrong in the Workspace? These are my own pics, uploaded to the img. file. Any help? Stuck for days.

code { {<header> <a href="index.html"id-logo> <h1>travisbentz</h1> <h2>First</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-A True Quote.jpg"> <img src="img/numbers-a true quote.jpg" alt=""> <p>A Favorite Quote.</p> </a> </li> <li> <a href="img/numbers-Halloween Costume.jpg"> <img src="img/numbers-halloween costume.jpg" alt=""> <p>Guess What I Am?.</p> </a> </li> <li> <a href="img/numbers-Insane Joker.jpg"> <img src="img/numbers-insane joker.jpg" alt=""> <p>My Bernie Meme 2016.</p> </a> </li> <li> <a href="img/numbers-Knee Surgery.jpg"> <img src="img/numbers-knee surgery.jpg" alt=""> <p>Torn Patella.</p> </a> </li> <li> <a href="img/numbers-Not Bad At 48.jpg"> <img src="img/numbers-not bad at 48.jpg" alt=""> <p>Back At The Gym.</p> </a> </li> </ul> </section> <footer> <a href="http://www.facebook.com/travbentz"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <a href="http://www.twitter.com/travisbPortlndO?s=3"><img src="img/twitter wrap.png" alt="Twitter Logo"></a> <p>&copy: 2017 travis bentz.</p>

}}

Regena Koeshall
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Regena Koeshall
Front End Web Development Techdegree Graduate 21,143 Points

It is hard to read your code this way but I do see a few things that might be a problem. First one is to make sure that you use an equal sign instead of minus sign for "wrapper" div. Also your unordered list does not have an id="gallery" to give style in your css. Try to rename your images so that there are no spaces, use an underscore if you prefer in the name instead of a space. Make sure in your sidebar that the images are in the img folder,

1 Answer

Margaret Nelson
Margaret Nelson
6,394 Points

I'm not sure if this will work, but its worth a shot. You could try re-naming them without the spaces. For example, change numbers-halloween costume.jpg to numbers-halloween-costume.jpg. Just make sure to do this in the code as well as the in the img folder so they are the same. Good luck!