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

CSS

icon issues

my Facebook icon is not showing up on webpage. not sure what i did wrong.

.contact-info li.phone a { background-image: url('../img/phone.png'); }

.contact-info li.mail a { background-image: url('../img/mail.png'); }

.contact-info li.facebook a { background-image: url('../img/facebook.png'); }

Are Phone and Mail working? Are you certain that you don't have any typos? Does the li have the facebook class on it in your HTML?

Posting your HTML along with your CSS would be helpful to troubleshoot.

2 Answers

Hi Melissa,

It would help us a lot if you could post your HTML & CSS code so we could review it and see what's causing your issue :) Here's a great guide on how to use the markdown in your posts:

https://teamtreehouse.com/community/howto-guide-markdown-within-posts

Thanks everyone, found the problem, have the "f" in Facebook capitalized in one area and not the other