Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Adding Pages to a Website Build the Contact Page

Invisible, Clickable, Twitter Icon.

Hey everyone, I'm having a little bit of trouble.

See, everything else works. My email and phone icon appear as they should, on the left hand side, right? However, when it comes down to twitter, the icon is there - but invisible. I'm not entirely sure what I'm doing wrong, and I'm having a difficult time trying to solve this on my own. I've searched the forums for help; however, I've had no luck in finding any answer that will help me find a solution to this problem.

My code for this project is below. Please let me know, any and all help is appreciated. Thanks! CSS

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

HTML <section>

<h3>Contact Details</h3>

<ul class="contact-info">

<li class="phone"><a href="tel:000-0000">000-0000</a></li>

<li class="mail"><a href="mailto:nick@example.com">nick@example.com</a></li>

<li class="twitter"><a href="http://twitter.com/intent/tweet?screen_name=nickrp">@nickrp</a></li>

</ul>

</section>

1 Answer

Angela Visnesky
Angela Visnesky
20,927 Points

Hi Evan! I think you have a typo in the line ".contact-info li.tiwtter a { background-image: url('../img/twitter.png') }". Hope this helps!

Angela! Thank you so much! Problem solved.

I truly appreciated your help!

I can't believe I missed that. >_<.