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 april
april
690 Points

Cannot get image tag to work.

This is the Challenge Question: Inside the three new list items, add the following images: “numbers-01.jpg”, -02, -06 Leave the alt attributes blank. Don’t add any captions or links.

Message I receive: Make sure you include and image tag that displays “numbers-01.jpg”. Following is my code. I have been working on this a very long time and cannot see what is wrong.

Is there no way to go forward in these classes when you get stuck?

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

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>

2 Answers

Victor Ruiz
Victor Ruiz
16,570 Points

Hi April, Seems as if your calling the images as buttons with the href. The test might count this as wrong because you calling the images from a folder called "img" but the question doesn't let us know where the images live. Hope that helps!

     <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>
april
april
690 Points
april
april
690 Points

Thanks Victor - This is what I thought I had tried several times before trying what you saw in my code...and I was getting the same error message. I just tried your code and it worked. Thank You.

Victor Ruiz
Victor Ruiz
16,570 Points

Your Welcome! Good Luck!