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

The 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

Are you using any ad blockers? I had a similar issue - turning off my ad blocker allowed social media icons to display correctly.

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Leila;

Is the Facebook image in the img folder?

Ken

is 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?

Hi Ken, yes it is.

All the images are in the same img folder. I can view all the images on the page except the Facebook logo.

Khaleel Hamid
Khaleel Hamid
5,258 Points

hmmm 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>

Let me check!

No I'm not that far I'm at the (Build the Footer) stage. Hmm because that's my Facebook link.

does it work when you put a / in front of img?

img src="/img/facebook-wrap.png" alt="Facebook Logo"

@ Tristan: No it doesn't view when I do that.

is 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
Khaleel Hamid
5,258 Points

You have the <footer> up top as well? And its in your body/HTML?

Khaleel Hamid
Khaleel Hamid
5,258 Points

All 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.

</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>

I 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
STAFF
Ken Alger
Treehouse Teacher

Leila;

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

Leila 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

Thanks 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!