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 Amy Dziad
Amy Dziad
352 Points

"Did you put a link around the Twitter logo image?"

href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo">

What am I doing incorrectly?

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

3 Answers

Joseph Damiani
Joseph Damiani
1,066 Points
Joseph Damiani
Joseph Damiani
1,066 Points 
<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
John Keener
John Keener
6,808 Points
John Keener
John Keener
6,808 Points

In your footer, your href attributes before the social media logos appear without the necessary context of a complete anchor element.

Instead of this: 

<footer>
      href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo">
      href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>

Try this:

<footer>
     <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
     <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"</a>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>

Note the closing tags. Hope this helps.

Joseph Damiani
Joseph Damiani
1,066 Points

John, you need to close the img src tag before enclosing it with a href tag.

<a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
John Keener
John Keener
6,808 Points
John Keener
John Keener
6,808 Points

Quite right. Didn't notice that mistake. Just copied, pasted, and added the missing anchor elements.

Amy Dziad
Amy Dziad
352 Points
Amy Dziad
Amy Dziad
352 Points

Thank you both for your help. I find it most frustrating when taking the code challenges that if I don't get it right, the same comment is made repeatedly. A hint would be most welcome!!