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 Organize with Unordered Lists

Brian Lee
Brian Lee
1,569 Points
Posted by Brian Lee
Brian Lee
1,569 Points

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
Jennifer Nordell
.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,977 Points
Shane Oliver
Shane Oliver
19,977 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)

Brian Lee
Brian Lee
1,569 Points
Brian Lee
Brian Lee
1,569 Points

Thank you, Jennifer! That was helpful!