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 trialjoelynempleo
4,659 Pointstwo twitter icons showed up
Is there something wrong with these codes? two twiter icons shows up on the Contact page.
.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
Stone Preston
42,016 Pointsnothing looks wrong with your css. Id double check your html to be sure you didnt accidently create two of the same list items or give them both the same class or something.
Kevin Granger
20,332 PointsYou should also try to set the no-repeat option for your background-image.
ex. .contact-info li.twitter a { background-image:url('../img/twitter.png') no-repeat; }
joelynempleo
4,659 Pointsthanks!
joelynempleo
4,659 Pointsjoelynempleo
4,659 PointsCodes from contact.html.
Stone Preston
42,016 PointsStone Preston
42,016 Pointsyou have a mistake in your closing tag for your twitter link. its not closed properly. you have:
<li class="twitter"> <a href="http://twitter.com/intent/tweet?screen_name=thymesheet">@thymesheet<a/></li>
you need
<li class="twitter"> <a href="http://twitter.com/intent/tweet?screen_name=thymesheet">@thymesheet</a></li>
you flipped the a and the / around. that and the background repeat Kevin Granger mentioned could be the issue
joelynempleo
4,659 Pointsjoelynempleo
4,659 PointsAwesome, thanks!