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

Krista Haapanen
Krista Haapanen
193 Points
Posted by Krista Haapanen
Krista Haapanen
193 Points

The challenge says that I didn't add the correct image tag, but when I preview my code, the image shows up! What's up?

I've re-done the challenge a few times now, and it keeps giving me the same "bummer! Make sure you add the image tag" notification, but then I preview my code and it all looks fine. I wouldn't be surprised if I made a mistake, but the response to the task isn't helping me figure out what I did wrong

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>
Spencer Bing
Spencer Bing
4,447 Points
Spencer Bing
Spencer Bing
4,447 Points

Not that it should matter, but the closing tags </a> and </li> are not lined up like the rest of the ones you have before it.

I just finished this section today and went over my own workspace and can't find where the error might be. I would love to hear what some more experienced coders have to say about it.

1 Answer

Rich Bagley
Rich Bagley
25,869 Points

Hi Krista,

I think you've added more than is required. It first asks you to add 3 list items within an unordered list inside the section elements.

It then asks you to add images inside the three list items. You have done this correctly but you've wrapped them inside anchor tags. Removing these should resolve your error.

Hope that helps

-Rich