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

Chris Martinet
Chris Martinet
3,705 Points

Can't get my pictures to appear :( I've double checked the code but still can't get the pics to populate.

CSS

/************************ PAGE: CONTACT
*************************/ .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'); }

6 Answers

Hi Chris, try removing the single quotes in the url property

url(../img/twitter.png);

or use double quotes

url("../img/twitter.png");

Hi Chris,

You are saying to go up one directory ../img/file.png should be img/file.png.

Jeff

Jennifer Huang
Jennifer Huang
2,705 Points

In the video, Nick says to do that as the main.css file that the css is in is in the CSS folder, so we need to go back up to the root directory. I'm a newbie having the same issue.

I AM WRONG! I wasn't paying attention. Yes, the images are being called from the css directory and not the root. My apologies for the confusion.

Jennifer Huang
Jennifer Huang
2,705 Points

Jeff, you were probably busy racking up code challenge points. :) I had left a "}" off the rule right before so my issue is now resolved. Good luck Chris!

Chris Martinet
Chris Martinet
3,705 Points

Hey guys, i thoroughly appreciate all the help. Unfortunately, I still cant get it to work. Any other ideas?

Show us all your code.