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 trialHarry Williams
352 PointsCannot 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:
- I downloaded the project file and unzipped it
- I uploaded the image files to my workspace
- I placed the image files in to a folder called "img" in my workspace
- 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
stewkey
7,076 PointsI 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
29,023 PointsCode 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
352 PointsThanks 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
29,023 Pointstry 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
4,602 PointsAre you sure you are using the correct names for the images? A caption more or less could make a difference in workspaces.
Aaron HARPT
19,845 PointsDo you have the correct name for the images?