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 trialBryan Flanigan
2,617 PointsI'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
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;
}
Bryce Santos
11,157 PointsIf 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.
Bryan Flanigan
2,617 PointsBryan Flanigan
2,617 PointsThanks 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.