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 trialLeila Hidding
466 PointsThe Facebook icon doesn't show. Could anyone help? Thanks!
<footer> <a href="http://facebook.com/leila.jesurunhidding.3"><img src="img/facebook-wrap.png" alt="Facebook logo"></a> <p>© 2014 Leila Hidding.</p> </footer>
17 Answers
Robert Richey
Courses Plus Student 16,352 PointsAre you using any ad blockers? I had a similar issue - turning off my ad blocker allowed social media icons to display correctly.
Ken Alger
Treehouse TeacherLeila;
Is the Facebook image in the img
folder?
Ken
Tristan Nederhoff
Courses Plus Student 2,221 Pointsis your IMG folder in the root? Or is there a subfolder? Like: ROOT / img or: ROOT / Website / img And like Ken said, is the FB image in the IMG folder?
Leila Hidding
466 PointsHi Ken, yes it is.
Leila Hidding
466 PointsAll the images are in the same img folder. I can view all the images on the page except the Facebook logo.
Khaleel Hamid
5,258 Pointshmmm why do you have this "leila.jesurunhidding.3" shouldn't it just be "leilahidding" it seems your also missing the class attribute unless you aren't that far yet.
<a href="http://facebook.com/khaleelhamid"><img src="img/facebook-wrap.png" alt="Facebook Logo"
class="social-icon"></a>
Leila Hidding
466 PointsLet me check!
Leila Hidding
466 PointsNo I'm not that far I'm at the (Build the Footer) stage. Hmm because that's my Facebook link.
Tristan Nederhoff
Courses Plus Student 2,221 Pointsdoes it work when you put a / in front of img?
img src="/img/facebook-wrap.png" alt="Facebook Logo"
Leila Hidding
466 Points@ Tristan: No it doesn't view when I do that.
Tristan Nederhoff
Courses Plus Student 2,221 Pointsis the image in de IMG folder name exact te same as you typed in your code? Because i don't see any other mistake or something like that, but i am not a pro ofcourse.
Khaleel Hamid
5,258 PointsYou have the <footer> up top as well? And its in your body/HTML?
Khaleel Hamid
5,258 PointsAll though I doubt this could be the reason, but I've seen stranger things the L in logo should be capital as in the video.
Leila Hidding
466 Points</section> <footer> <a href="http://facebook.com/leila.jesurunhidding.3"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>© 2014 Leila Hidding.</p> </footer> </body> </html>
Leila Hidding
466 PointsI don't know what it could be. The images are in the right folder. The code is exactly the same and that is the link of my Facebook.
Ken Alger
Treehouse TeacherLeila;
From a strict HTML standpoint I don't see how having errors in your href=
statement would prevent the icon from appearing. Your site image shouldn't care at all if it is supposed to go to Facebook with their icon or to Billy-Bob's Anti-Social Network.
So, the issue then must be with the src=
statement, the file name, or the file location. I can see how Robert Richey's suggestion could work, but didn't you say that your other links are working? I would double check that everything matches taking case sensitivity into account as well.
Hope you have figured it out and this post isn't necessary.
Welcome to Treehouse!
Ken
Elijah Collins
19,457 PointsLeila Hidding your code is correct the only thing I can think of is:
that the img folder isn't inside of a project folder ie
myproject/img/facebook-wrap.png
If the img folder isn't inside of your project folder the code won't be able to find your img folder then find your images.
To start make a folder on your desktop then place everything inside, index.html, img's folder, css folder etc.
Let me know if that helped
Leila Hidding
466 PointsThanks guys for all the help. I'm kind of writing it all over again because a lot of things went wrong (bummer). But I'll let you know as soon as I'm finished what worked!