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

Harry Williams
Harry Williams
352 Points

Cannot get twitter or facebook images to appear in footer

Hi everyone

I am up to the footer section of "creating a website". I have looked the code over a thousand times but I can't see what I'm doing wrong. The social network images do not appear on my page. All the other images I have been asked to use (numbers-01.jpg etc) work.

Steps:

  1. I downloaded the project file and unzipped it
  2. I uploaded the image files to my workspace
  3. I placed the image files in to a folder called "img" in my workspace
  4. I used the following code: <footer> <img src="img/twitter-wrap.png" alt="Twitter"> <img src="img/facebook-wrap.png" alt="Facebook"> <p>© 2015</p> </footer>

The social networking icons do not appear. The copyright 2015 does appear. If I change this code to: <footer> <img src="img/numbers-01.jpg" alt="Twitter"> <img src="img/numbers-01.jpg" alt="Facebook"> <p>© 2015 H-Dizzle.</p> </footer> The image "numbers-01.jpg" appears twice, the copyright 2015 appears as well.

I have tried reuploading the png files, I have tried a hard refresh on my browser as well as clearing the cache.

Can anyone point out what I am doing wrong here?

5 Answers

I had the same problem. Then remembered I had allowed Adblock Plus to block social media buttons. Just disabled adblock for Treehouse and workspace preview page.

jared eiseman
jared eiseman
29,023 Points

Code looks fine, only thing I can think of is that the files are not actually inside the img folder despite the tree showing that they are. Try removing the img/ from your src attribute and see if the images show up.

Harry Williams
Harry Williams
352 Points

Thanks Jared, but unfortunately that didn't work.

I moved the images out of the img folder and in to the root directory. I removed the "img/" portion of the src attribute. I saved the index.html file. I pressed the preview button, and then did a hard refresh on the page that appeared. The images did not appear.

I then tried reversing the process, dragging the imaged back in to the img folder and re adding the "img/" to the src attribute, saving and then doing another preview + hard refresh, which also did not work.

jared eiseman
jared eiseman
29,023 Points

try downloading the project to your local filesystem and seeing if the images show when opening it locally on your computer. could be a workspace issue.

Kenny Parewijck
Kenny Parewijck
4,602 Points

Are you sure you are using the correct names for the images? A caption more or less could make a difference in workspaces.

Aaron HARPT
Aaron HARPT
19,845 Points

Do you have the correct name for the images?