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 How to Make a Website Adding Pages to a Website Add Iconography

I am unable to get any of the contact icons to show up.

/***********************************
PAGE: CONTACT
***********************************/

.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}

.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');
}

And here is my contact.html coding:

 <section>
        <h3>Contact Details</h3>
        <ul class="contact-info">
          <li class="phone"><a href="tel:555-555-6425">555-6425</a></li>
          <li class="email"><a href="mailto:kachreiner2004@hotmail.com">kschreiner2004@hotmail.com</a></li>
          <li class="facebook"><a href="https://www.facebook.com/profile.php?id=17022875&_rdr">Facebook</a></li>
         </ul> 
      </section>

2 Answers

Ok so this is weird......All of a sudden everything started working without changing anything! lol

Greg Kaleka
Greg Kaleka
39,021 Points

Great - your code certainly looked right :)

Greg Kaleka
Greg Kaleka
39,021 Points

Hi Keith,

Your code looks good to me. Are you sure you actually have the images where you're linking to? Have a look. If they're not there, then they won't show up, of course.

Yep. All 3 images are inside of the Img file just like the 5 pictures i have on my main page. On my about page i am also unable to get any ccs styling to center my picture either. Not sure what to do.