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

CSS How to Make a Website Adding Pages to a Website Add Iconography

Posted by salvatore saccoccio
salvatore saccoccio
Courses Plus Student 591 Points

Twitter icon doesnt show up

it seems as though i have the correct code.

the twitter.png image is in the img folder along with the mail.png and the phone.png which are both appearing. i dont think the html is affecting this as clicking the link brings me to the twitter tweet page however i could be wrong and have provided it in a comment below.

here is the relevant css code in main.css

.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');
}

it is only the twitter icon that is not showing up.

3 Answers

Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi Salvatore,

If you look at class of phone and mail, what's difference of twitter class which is missing something you see there in html code?

:)

salvatore saccoccio
salvatore saccoccio
Courses Plus Student 591 Points

aaah all it takes is a second look. thank you very much

salvatore saccoccio
PLUS
salvatore saccoccio
Courses Plus Student 591 Points
salvatore saccoccio
salvatore saccoccio
Courses Plus Student 591 Points

here is the relevant html code in contact.html

        <section>
        <h3>Contact Details</h3>
        <ul class="contact-info">
          <li class="phone"><a href"tel:917-880-4112">917-880-4112</a></li>
          <li class="mail"><a href="mailto:salvatoresaccoccio@gmail.com">salvatoresaccoccio@gmail.com</a></li>
          <li class"twitter"><a href="http://twitter.com/intent/tweet?screen_name=salsaccoccio">@salsaccoccio</a></li>
        </ul>
      </section>
Edgar Lazo
Edgar Lazo
3,057 Points
Edgar Lazo
Edgar Lazo
3,057 Points 
<li class = "twitter">
   <a href="http://twitter.com/intent/tweet?screen_name=salsaccoccio">@salsaccoccio</a>
</li>