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 Caiden Hamilton
Caiden Hamilton
166 Points

It is glitched with adding photos

When I finish typing in the code for adding the photos and click on check work the message, 'whoops looks like Task 1 is no longer valid', which was the unruled list with three list items. The list and all three listed items were still there. I even rewatched the video several times and wrote down how the code from the video itself to make sure I was doing it correctly.

<section> <nav> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/number-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>
  </nav>
</section>
hum4n01d
hum4n01d
25,493 Points

Would you please post your code? Thanks!

1 Answer

Chase Marchione
Chase Marchione
155,055 Points
Chase Marchione
Chase Marchione
155,055 Points

Hi Caiden,

  • Looks like there's a typo: we want numbers-01 instead of number-01.

  • Adding links along with the images seems to foul up the compiler for challenge task 2. From what I gather, it asks us not to add any captions or links for the images: seems like they were pretty serious about that.

  • Not sure if it happened in your original code when you did it, but when I copied your HTML into the challenge window, I ended up with two opening and closing nav tags. I edited it a little to make sure I only had one set.

Once I accounted for all three of these things, I got through the challenges.

<!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><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>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

Hope this helps!