The Facebook icon doesn't show. Could anyone help? Thanks!

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

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.

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.

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

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.

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!