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 Add Iconography

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,567 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.

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

Wayne Priestley
Wayne Priestley
19,567 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.

<!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,567 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.

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