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

This is just as rigid and quirky as Codecademy?

The "Get Help" portion doesn't offer any hints. I'm sure that I can look this up online; however, I was hoping Treehouse would make that unnecessary.

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>  
    </header>
    <section>
      <nav>
        <ul>
          <li><a href="index.html"><p>Portfolio</p></a></li>
          <img src="numbers-01.jpg" alt="">
          <li><a href="about.html"><p>About</p></a></li>
          <img src="numbers-02.jpg" alt="">
          <li><a href="contact.html"><p>Contact</p></a></li>
          <img src="numbers-06.jpg" alt="">
        </ul>
      </nav>

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

Lol, I know what your saying about coecadamy being quirky. I have to agree with Edward, our forum is pretty good here. Sometimes you have to wait a bit for an answer...but most people are really great here.

2 Answers

Umesh Ravji
Umesh Ravji
42,386 Points

Hi there Christopher, in the first step you created an unordered list with 3 empty list items:

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

The next part of the challenge asks you to place an image inside each of those list items, but you have added the images as children of the unordered list instead.

I took at look at the code challenge and it seems fairly straight forward. I have also occasionally got annoyed with the lack of a hint but we do have a community to help us which is pretty nice. For this challenge I would recommend you reset if you haven't already. It said to put an unordered list <ul></ul> between the <section></section> tags. Then add three empty <li></li> tags. That solves the first challenge. Next It want's 3 images added within the three <li> tags. Make note that the image names end with 01, 02, and 06. example: <li><img src="numbers-01.jpg"></li>. That should solve the final challenge. I hope this helps and please, if something isn't clear I would be glad to help.