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

No images in my contact page everything else is fine!

So I have just refreshed (a few times including a hard refresh) and I still can't see the images that should be included on the contact page. All the css looks good and I don't see the bullet points either, just those pesky images are missing. Help!

I had the same issue then I figured our that on the contact page my <li>'s weren't contained between the <ul></ul> tags.

4 Answers

I had a space after url but before my () i'm all good now!!

If you add your code we can help figure out what's wrong, otherwise check the file paths and syntax. Remember you need "url('some file path')" when you're including images in css.

Did you forget to make the CSS go back one directory first?

           url("../images/img name");

I am having the same problem but only with my twitter icon. What am I missing?

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

.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  margin; 0 0 10px;
}

.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.twitter a {
  background-image: url('../img/twitter.png');
}

any thoughts Beau Heath