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

Bummer! Did you add the image for Twitter (img/twitter-wrap.png)?

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

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/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>
  </body>
</html>

4 Answers

Hey Robert,

It seems you are missing a " at the end of the href of your twitter and facebook anchor links and a > symbol at the end of your <img> tag. Those quotes and angle blocks can be quite tricky!

It should look like this:

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

Good luck!

Ben Dietrich
Ben Dietrich
8,287 Points

Robert,

Not sure exactly what your question is but looking at your code, it looks like your social img tags haven't been closed properly. Make sure you end that tag before attempting to close the anchor tag. Also, be sure to add the closing parentheses to your href links.

It should look something like this...

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

Check the URLs in the href attributes for the Facebook and Twitter links - the closing quotation marks are missing.

Ok, added my missing quotes. That corrected it.

Ben Dietrich
Ben Dietrich
8,287 Points

Great to hear Robert. If you can, please up-vote the correct answer to close the question and to improve the quality of the forum. Thanks!!

The correct answers* if there are more than one.

Ben Dietrich
Ben Dietrich
8,287 Points

Marcus, I should hire you to proofread all of my forum posts! Hahaha.

As thanks I'll give you a twitter follow. Don't let me down!!!

Same here, Ben! lol!