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 Gustavo Orosco
Gustavo Orosco
1,836 Points

how do I do this

I need help

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>
        <img>
        <li>img/numbers-01.jpg</li>

        <li>img/numbers-02.jpg</li>
        <li>img/numbers-06.jpg</li>
        </img>
      </ul>

    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>
Josh Miclette
Josh Miclette
Courses Plus Student 6,227 Points
Josh Miclette
Josh Miclette
Courses Plus Student 6,227 Points

Hi there - In the challenge, it asks you to add an unordered list inside the section tag with three empty list items. Try using the follow: 

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

Let me know if this helps.

2 Answers

Unsubscribed User
Unsubscribed User
8,841 Points
Unsubscribed User
Unsubscribed User
8,841 Points

the images are added using img tag.

<ul> <li><img src="img/numbers-01.jpg"></li> <li><img src="img/numbers-02.jpg"></li> <li><img src="img/numbers-06.jpg"></li> </ul>

Leyton Parker
Leyton Parker
6,556 Points

Ah, yep this is correct, sorry. I deleted my answer :)

Jeremiah Svaren
Jeremiah Svaren
5,316 Points
Jeremiah Svaren
Jeremiah Svaren
5,316 Points

I believe your error is where your img tag is located, right now its like your saying you want an image that is a list, when in fact you want a list of images.

This should yield better results: 

<ul>
        <li><img src="img/numbers-01.jpg"></li>
        <li><img src="img/numbers-02.jpg"></li>
        <li><img src="img/numbers-06.jpg"></li>
</ul>