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

Kallie Goodwin
Kallie Goodwin
703 Points
Posted by Kallie Goodwin
Kallie Goodwin
703 Points

It cannot see my image code for Twitter

The response for when I check my work, is "Bummer Did you add the image for twitter (img/twitter-wrap.png)? See my footer below, the twitter image in there.
<footer> <a img src="img/facebook-wrap.png" att"Facebook Logo"></a> <a img src="img/twitter-wrap.png" att"Twitter Logo"></a> <p>Ā© 2013 Nick Pettit.</p> </footer>

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

1 Answer

Greg Kaleka
Greg Kaleka
39,021 Points
Greg Kaleka
Greg Kaleka
39,021 Points

Hi Kallie,

There are a few of problems with your code. For starters, if this is challenge 1 of 2, you're not supposed to add in the anchor element yet. Secondly, you need to set an alt attribute, which it looks like you're trying to do, but don't have the syntax quite right. Third, if this is challenge 2 of 2, then your anchor element isn't added in correctly either - it needs to be wrapped around your images.

Here's code for challenge 1:

  <img src="img/facebook-wrap.png" alt="Facebook Logo">
  <img src="img/twitter-wrap.png" alt="Twitter Logo">
  <p>&copy; 2013 Nick Pettit.</p>

And challenge 2:

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

You'll want to adjust the href attributes to point to your profiles.

Kallie Goodwin
Kallie Goodwin
703 Points
Kallie Goodwin
Kallie Goodwin
703 Points

Thanks! I finally figured it out right after I posted this!

Greg Kaleka
Greg Kaleka
39,021 Points
Greg Kaleka
Greg Kaleka
39,021 Points

Haha glad you got it :)