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

Troy Fletcher
Troy Fletcher
2,814 Points
Posted by Troy Fletcher
Troy Fletcher
2,814 Points

Having trouble adding Twitter image

Receiving error not allowing me to pass and cannot determine how to improve code. Can you please take a look and let me know if you see any errors?

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="https://facebook.com/TroyFletcher" img src="img/facebook-wrap.png" alt="Facebook">
        <a href="https://twitter.com/Fletchdaddy" img src="img/twitter-wrap.png" alt="Twitter">
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Seth Kroger
Seth Kroger
56,413 Points
Seth Kroger
Seth Kroger
56,413 Points

You're pretty close. The thing is img isn't an attribute of a (attribute meaning inside the opening tag of an element, like href is). img and a are both tags and need the angle brackets around them. And a needs a closing tag. So if you want to put an anchor for a link you need to put the a tags around the img tags like this:

<a href="https://facebook.com/TroyFletcher"><img src="img/facebook-wrap.png" alt="Facebook"></a>
<a href="https://twitter.com/Fletchdaddy"><img src="img/twitter-wrap.png" alt="Twitter"></a>
Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Troy,

You're just missing a few tags.

  1. The closing > for both the anchor tags.

  2. The opening < for both the image tags.

  3. The closing </a> for both lines.

Fix that up and you're good to go. Keep Coding! :)

<a href="https://facebook.com/TroyFletcher"> <img src="img/facebook-wrap.png" alt="Facebook"></a>
<a href="https://twitter.com/Fletchdaddy"> <img src="img/twitter-wrap.png" alt="Twitter"></a>
Troy Fletcher
Troy Fletcher
2,814 Points
Troy Fletcher
Troy Fletcher
2,814 Points

Awesome, thanks guys! Really appreciate it, have a great evening.