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 Charles Turner
Charles Turner
16,957 Points

I entered the code for this exercise, but it keeps telling me that I need to include an image tag. Code seems correct?

<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 id="gallery">
        <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>

3 Answers

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

Looks like you may have over complicated your answer a bit. You only need to create a ul with three li that each contain an img tag. No need for the containing links or id on the ul.

This code should pass: 

      <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>
Scott Peake
Scott Peake
17,052 Points
Scott Peake
Scott Peake
17,052 Points

Hey Charles!

Take a look at the documentation for a and img tags. You've got your img tag correct, but not the a.

a tags are links to new pages or to sections of the current page. You are including a picture as the "link" trigger, but where is the link going? Your a tag is the "where to" element. Try this...

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

Keep up the good work!!

Charles Turner
Charles Turner
16,957 Points
Charles Turner
Charles Turner
16,957 Points

Thank you so much guys. Worked just right. Like it wouldn't. LOL