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

Didier Borel
Didier Borel
2,837 Points

adding a twitter image-

I added the twitter image into my footer as asked for int this quiz. I don't understand why I am getting this error message. can u explain ? or is treehouse mistaken. i was asked not to aug the http link yet, only the link to the img src in the image file.

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

3 Answers

Stanley Thijssen
Stanley Thijssen
22,831 Points

Hi Didier,

You are putting the anchor (a) tag in the same tag with the image (img) tag. You should seperate these because these are 2 different tags like so:

<!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>
      <a href="this is your link"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
      <a href="this is your link"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
    </footer>
  </body>
</html>
Didier Borel
Didier Borel
2,837 Points

let me check that out this

Didier Borel
Didier Borel
2,837 Points

this stanley for your prompt response. that worked- got it now

Stanley Thijssen
Stanley Thijssen
22,831 Points

Good. Make sure you understand img and a are 2 different tags so they can't be used in 1 tag together:)