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

Scheleia White
Scheleia White
2,700 Points
Posted by Scheleia White
Scheleia White
2,700 Points

I'm stuck on this challenge.

Not sure what I'm doing 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" alt="">
                        <p></p>
                    </a>


        </li>
        <li>
        <a href="img/numbers-02.jpg" alt="">
                        <p></p>
                    </a>

        </li>
        <li>

        <a href= "img/numbers-06.jpg" alt="">
                        <p></p>
                    </a>
        </li>


        </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

1 Answer

Gavin Schilling
Gavin Schilling
37,904 Points

It appears to have an extra space on the line regarding the number 6 image. It is where the black box is. And you need to close the un-ordered list with a </ul> after your last </li> statement, but before your </section> statement. That way the browser knows you mean to end your list as right now you are telling it to merely end the section but not the list as it tries to process its way down to the footer.