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 Creating HTML Content Add Social Media Links

Posted by Kathleen Eads
Kathleen Eads
505 Points

creating the twitter icon in footer

this is my code listed: <href="http://twitter.com"><img src="img/twitter-wrap.png"><alt="Twitter logo">

why is this saying it is wrong when my Facebook one written the same is right?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <img src="img/numbers-01.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-02.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-06.jpg" alt="">
        </li>
      </ul>
    </section>
    <footer>
      <a href="http://twitter.com"><img src="img/Twitter-wrap.png"><alt=Twitter logo>
      <a href="http://facebook.com"><img src="img/facebook-wrap.png"><alt=Facebook logo>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Thomas Fildes
Thomas Fildes
22,687 Points
Thomas Fildes
Thomas Fildes
22,687 Points

Hi Kathleen,

I have noticed the problem in your code is:

  1. The Twitter image link has a capital T instead of lower case t
  2. The alt attribute is treated as a separate element in your code

The correct code is below:

<a href="http://www.facebook.com"><img src="img/facebook-wrap.png" alt="Facebook"></a>
<a href="http://www.twitter.com"><img src="img/twitter-wrap.png" alt="Twitter"></a>

Hope this helps,

Happy Coding!

Sean T. Unwin
Sean T. Unwin
28,690 Points
Sean T. Unwin
Sean T. Unwin
28,690 Points

alt is an attribute of the img tag, in the way that src is.

Benjie Kibblewhite
Benjie Kibblewhite
9,323 Points
Benjie Kibblewhite
Benjie Kibblewhite
9,323 Points

Try removing the capital T in Twitter.

<img src="img/twitter-wrap.png">