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

Yana Solominskaya
Yana Solominskaya
868 Points
Posted by Yana Solominskaya
Yana Solominskaya
868 Points

invisible mistake

I have to apologize for such a primitive question, but I'm stuck. In the code challenge the program finds a mistake in the code, which I can't find. The error message is as follows: "Make sure you include an image tag that displays "img/numbers-01.jpg". It's there, and when I preview the page, all the images are in place. Rechecked the code MANY times... I'd appreciate some help. Thanks in advance.

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>

3 Answers

Hugo Paz
Hugo Paz
15,622 Points
Hugo Paz
Hugo Paz
15,622 Points

Hi Yana,

Youre supposed to just add the images, no links. If you remove the link tags (a), the challenge will pass.

Rebecca Bompiani
Rebecca Bompiani
16,948 Points
Rebecca Bompiani
Rebecca Bompiani
16,948 Points

Hi Yana-

I think that your code is right, but you added a link <a href></a> for your images, which is throwing off the verification. Try:

 <section>
      <ul>
        <li><img src="img/numbers-01.jpg" alt=""></li>
        <li><img src="img/numbers-02.jpg" alt=""></li>
        <li><img src="img/numbers-06.jpg" alt=""></li>
      </ul>
    </section>
Yana Solominskaya
Yana Solominskaya
868 Points
Yana Solominskaya
Yana Solominskaya
868 Points

Thank you so much, Rebecca and Hugo! I would have stared at this code for God knows how much longer))