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 Otto Mejia
Otto Mejia
744 Points

What is wrong with my code in the code challenge?

I'm doing the code challenge in How to Make a Website and I have to add the images facebook-wrap.png and twitter-wrap.png with alternative text for the images. When I do so, it tells me to add alternative text, and I already did. 

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

3 Answers

John Magee
PLUS
John Magee
Courses Plus Student 9,058 Points
John Magee
John Magee
Courses Plus Student 9,058 Points

There's a special character missing.

all property value combinations must have the equality set.

You need an = between alt and the alt text

huckleberry
huckleberry
14,636 Points
huckleberry
huckleberry
14,636 Points

Heya Otto,

The problem lies in the way you formatted the alt attribute. Take a look at the way the images that are in the unordered list within the <section> container are formatted. Now look at your attempt to add the alt text.

What's missing?

:wink: - Huck

Edit: Well, I tried helping you along to figure it out but you've been given the answer flat out. Oh well.

Otto Mejia
Otto Mejia
744 Points
Otto Mejia
Otto Mejia
744 Points

Thanks.