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

Ashley Hermann
Ashley Hermann
1,335 Points

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!

Matthew Wall
Matthew Wall
2,982 Points

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

Ashley Hermann
Ashley Hermann
1,335 Points

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.

Lachlan ∆
Lachlan ∆
8,026 Points

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