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

I'm trying to work with my contact-info on css to input an img.png file as a background image. My code looks like Nicks.

Code looks the same but I've got red boxes around the li and a tags within the class.
When I refresh the page, it's not showing the background images. Can someone help me figure out what I'm doing wrong? Thanks!

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

2 Answers

Bryce Santos
Bryce Santos
11,157 Points

.contact-info doesn't have an ending bracket. It should look like this:

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

Thanks Bryce. How did you screen shot that and add it to the comment? I tried hitting Control, Shift, Command, 3 (Mac) and it won't capture image. I've checked my shortcut keys and it still won't add it to the comments here. Appreciate the help.

Bryce Santos
Bryce Santos
11,157 Points

If you click markdown cheatsheet just above the "post answer button" it'll tell you how to post code in a window. Basically the ` button on the upper left of your keyboard 3 times.