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

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

Posted by Kelvin Arias
Kelvin Arias
3,557 Points

my icon for the mail dosen't show up and i don't know what i did wrong so it wont show. help please.

icons on css

3 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Kelvin,

If you look at your HTML for the mail link you will notice you have:

class:"mail" this is your problem, a simple typo.

Correcting this should get you going.

About the mail icon in the footer, if that was a concern, you don't actually have a link to a image for a mail icon in there. You'll have to add this if you want the icon to appear.

Kelvin Arias
Kelvin Arias
3,557 Points

ahhh yes i see it, I dont know how i missed that.. Thanks Wayne appreciate it.

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Kelvin,

Your going to have to show us your html & css so we can help you.

Could you post it using the markdown cheatsheet please.

Kelvin Arias
Kelvin Arias
3,557 Points 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Kelvin Arias | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Fascinate|Gochi+Hand|Chango|Fjalla+One|Amatic+SC:400,700|Rock+Salt' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Kelvin Arias</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Porfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html" class="selected">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <h3>Gneral Information</h3>
        <p>I'm currently looking for new design work or drawing peices. I do logos all the way to even portraits. If you have any questions please don't hesitate to contact me!</p>
        <p>You can contact me through the phone but the best way to reach me is email or twitter.</p>
      </section>
      <section>
        <h3>Contact Details</h3>
        <ul class="contact-info">
        <li class="phone"><a href="tel:(574)514-2260">(574)514-2260</a></li>
          <li class:"mail"><a href="mailto:kelvindarias11@gmail.com">kelvindarias11@gmail.com</a></li>
          <li class="twitter"><a href="https://twitter.com/intent/tweet?screen_name=KelvinArias11">@kelvinarias11</a></li>
        </ul>
      </section>
      <footer>
        <a href="http://twitter.com/Kelvinarias11"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/kelvin.d.arias"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2014 Kelvin Arias.</p>
      </footer>
    </div>
  </body>
</html>

EDIT by Mod.

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Kelvin,

I'm not sure what you have posted here,do you have the html file that has your <head>, <body>, <nav> and <div> etc?

Thats what I need to see.

EDIT: I added what was needed so we could see your HTML Kelvin.

Kelvin Arias
Kelvin Arias
3,557 Points
Kelvin Arias
Kelvin Arias
3,557 Points

I'll post it tomorrow, at home and no wifi unfortunately.