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

Angela McGrady
Angela McGrady
457 Points

Footer Issue

I'm currently working on this footer test............

Inside the <footer> element, add the images facebook-wrap.png and twitter-wrap.png from inside the img folder. Be sure to include an appropriate alternate attribute for each. Don’t link them yet.

here was my answer but it says I got it wrong.

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

The instructions make it sound like I have to drag and drop the .png images into a folder on the side bar but there's no side bar to drag and drop, so I just typed in the code, but it says I'm still wrong. Any help with this would be greatly appreciated.

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

1 Answer

Michael Afanasiev
PLUS
Michael Afanasiev
Courses Plus Student 15,596 Points

Hi Angela,

You are almost there, your code is perfect. Pay more attention on where it is located in your markup and you'll be able to solve it.

Hope this helps :)

Angela McGrady
Angela McGrady
457 Points

Ahhhh I see. I forgot to put it before the footer closing. I feel so silly. LOL Thank you so much!!!

Michael Afanasiev
Michael Afanasiev
Courses Plus Student 15,596 Points

You're welcome, don't worry about it, it happens to all of us. Happy coding!