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 How to Make a Website Creating HTML Content Build the Footer

Posted by Zana Pearson
Zana Pearson
983 Points

i typed in my image sourcefiles exactly shown on the tutorial .Why is my website showing the images as broken?

my source code:

<section> <ul> <li> <img src="img/numbers-01.jpeg" alt=""> </li>

</ul> </section> <footer> <a href="http://www.twitter.com" ><img src="twitter-wrap.png"alt="Twitter Logo "></a> <a href="http://www.facebook.com"><img src="facebook-wrap.png"alt="Facebook Logo"></a> <p>© 2015 Zana Pearson.</p> </footer>

6 Answers

Per Karlsson
Per Karlsson
12,683 Points
Per Karlsson
Per Karlsson
12,683 Points

Hiya,

  1. Make sure the file is actually in the folder specified.
  2. Try refreshing the page.
  3. Clear the browser cache and see if that helps.

Per

Niels Footman
Niels Footman
302 Points
Niels Footman
Niels Footman
302 Points

3 worked for me. Thanks Per!

Zana Pearson
Zana Pearson
983 Points
Zana Pearson
Zana Pearson
983 Points

Okay everything is all fixed. I know i'm a complete newbie but I have to start somewhere. lol I was frustrated with seeing the broken images but i found out i wasn't referencing the path correctly.

retyped as: <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> </a> </li>

Thanks guys. :)

Roy Penrod
Roy Penrod
19,810 Points
Roy Penrod
Roy Penrod
19,810 Points

Hey, Zana.

99% of the time you have broken images, something is wrong with either the path to the image file or you screwed something up in the img tag.

Some common problems I've run across are forgetting a space between img and src, forgetting one of the quotes around the path to the image file, forgetting to include the subfolder in the path, or simply pelling something wrong in the image file path.

Welcome to Treehouse!

Bethany Scotch
Bethany Scotch
11,005 Points
Bethany Scotch
Bethany Scotch
11,005 Points

I am also having this issue, but I've compared the code to that of the video and it's exactly the same. I'm not sure what I'm doing wrong.

Roy Penrod
Roy Penrod
19,810 Points
Roy Penrod
Roy Penrod
19,810 Points

Hey, Bethany. Sorry you're having problems. I know how frustrating it can be. Post your code to the forum and we'll take a look at it for you. It helps to get a fresh set of eyes on it.

Bethany Scotch
Bethany Scotch
11,005 Points
Bethany Scotch
Bethany Scotch
11,005 Points

I managed to fix it all by myself, but thank you!

Roy Penrod
Roy Penrod
19,810 Points
Roy Penrod
Roy Penrod
19,810 Points

Awesome. You go, girl. ;-)

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points
Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Hi there! I'd review this video https://teamtreehouse.com/library/how-to-make-a-website/creating-html-content/structure-the-image-gallery . Are your images within an img folder? If so make sure you are using the correct path to your images within your img src="" .