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 Debbie Poscablo
Debbie Poscablo
181 Points

Lesson response is 'Bummer .. make sure you include an image tag that displays "numbers-01.jpg"

How to make a website

Inside the three new items, add following images .. leave alt blank, do not add any captions or links ..

<section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/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>

** Bummer .. make sure you include an image tag that displays “numbers-01.jpg”

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="">
          </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>
Debbie Poscablo
Debbie Poscablo
181 Points

Thanks Daniel Gauthier .. I don't know how to reply directly to your post .. hope you get this!! :o)

Daniel Gauthier
Daniel Gauthier
15,000 Points
Daniel Gauthier
Daniel Gauthier
15,000 Points

Hey again Debbie,

When replying in these forums, you have the option to either use the "Add an Answer" box below which will create a new thread, or you can click on the "Add Comment" associated with the root post of a specific thread to reply inside of that thread.

Good luck with the course!

1 Answer

Daniel Gauthier
Daniel Gauthier
15,000 Points
Daniel Gauthier
Daniel Gauthier
15,000 Points

Hey Debbie,

Remove the "img/" part and it will pass. This code challenge simply asks you to type in the file names, so "numbers-01.jpg" would be accepted here.

Also, you're using a link tag when the code challenge is just asking you to include the images within the list elements.

All this challenge wants is something along the lines of 

<li><img src="numbers-01.jpg" alt=""></li>

Hope this helps you get past it, good luck!