Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Organize with Unordered Lists

Can't figure out what's wrong with my code

I keep getting told to make a tag that displays the image "numbers-01.jpg." I looked at the video multiple times. I can't see where I'm stuck

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>numbers-01.jpg</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02,jpg" alt=""> <p>numbers-02.jpg</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>numbers-03.jpg</p> </a> </li> </ul> </section>

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>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>numbers-01.jpg</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02,jpg" alt="">
            <p>numbers-02.jpg</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>numbers-03.jpg</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

There's nothing really wrong with your code, except that you seem to have missed this line in the instructions: "Leave the alt attributes blank, and don’t add any captions or links. Just the images!" You've added links. You've gone above and beyond what they're asking for and now they can't validate your code. Here's what they want:

<section>
      <ul>
        <li><img src="numbers-01.jpg" alt=""></li>
        <li><img src="numbers-02.jpg" alt=""></li>
        <li><img src="numbers-06.jpg" alt=""></li>
      </ul>
    </section>
Shane Oliver
Shane Oliver
19,950 Points

Remove the <a> tags that wrap the <img> tags, you don't need them. Change img src from img/numbers-01.jpg to numbers-01.jpg. Fix the error in the src for numbers-02.jpg where you have used a comma instead of a full-stop (02,jpg)

Thank you, Jennifer! That was helpful!