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 trialPepe Suarez
18,267 PointsHow can i fix icons that doesn't show on browser?
Im trying to get the small icons of twitter, mail, and phone into my background in my website but for some reason they don't show on the browser, i've already checked that these files are in the correct folder, and triple checked my css code but they just dont show up these is how i wrote it.
.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');
}
I've also cheched that the class .contact-info in the html file is written well and it is exactly in the ul as the video shows, so im pretty confused, i also tried different browsers and my result is the same. thanks for the help!
1 Answer
Sreng Hong
15,083 PointsHi Jose, I saw what you've done wrong there. At the heading level 3 Contact Details, first you write the class with missing one s at the first <li> and second your class name shouldn't be capitalized. It should be "phone", "mail", and "twitter".
It should be like this:
<h3>Contact Details</h3>
<ul class="contact-info">
<li class="phone"><a href="tel:555-6425">555-6425</a></li>
<li class="mail"><a href="mailto:pepesrzra@gmail.com">pepesrzra@gmail.com</a></li>
<li class="twitter"><a href="http://twitter.com/pepe_srz">@pepe_srz</a></li>
</ul>
Pepe Suarez
18,267 PointsThanks a lot!!! lol now it works perfectly!
Pepe Suarez
18,267 PointsPepe Suarez
18,267 PointsThis is my html page