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

Posted by Lance Nuttman
Lance Nuttman
690 Points

make sure you include an image tag that displays "numbers-o1.jpg" ... but I am!

I am doing the test portion, and I am not seeing what mistake I am making here. I check my work, and it gives me a "Bummer" message saying "make sure you include an image tag that displays "numbers-o1.jpg"". I even do the preview and everything looks correct, and I compared it to the code I typed during the exercise. Help, what am I missing?

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="numbers-01.jpg" alt="">
          </a>
       </li>

       <li>
         <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt"">
         </a>
       </li>

       <li>
         <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt"">
         </a>
       </li>    
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

tomasvukasovic
tomasvukasovic
24,022 Points
tomasvukasovic
tomasvukasovic
24,022 Points

The bug is in the other images see that you are missing the equal sign after the alt attribute, correct that and you will be good to go

bothxp
bothxp
16,510 Points
bothxp
bothxp
16,510 Points

Hi Lance,

The task said: Inside the 3 new list items, add the following images: "numbers-01.jpg", "numbers-02.jpg", and "numbers-016jpg". Leave the alt attributes blank, and don't add any captions or links. Just the images!

My answer to the task was:

<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>

It catches people out as it is easy to assume that the images are in a folder called img, but in this case they are not. So don't include a folder path as part of the image source path.

You're missing a few '=' after the src & alt.

Also the task says don't add any links, so you don't need to add any anchor 'a' tags.

I hope that helps.