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

Carl Soderqvist
Carl Soderqvist
3,322 Points
Posted by Carl Soderqvist
Carl Soderqvist
3,322 Points

Seams like I can't get past the "organize with unordered lists"

Hi,

Seams like I can't get past the "organize with unordered lists" part even though I have coded as per your instructions in the video. I have also tried copy the code from my "workspaces" where everything works fine and pictures are shown. Please advise.

Kind regards, Carl

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> <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>

3 Answers

Cena Mayo
Cena Mayo
55,236 Points

Hi Carl,

Looks like you just don't need the img/ directory preceding the images:

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

Best, Cena

Karolin Rafalski
Karolin Rafalski
11,368 Points
Karolin Rafalski
Karolin Rafalski
11,368 Points

The code challenge says "...but don't fill in the list items just yet."

If you remove the text in between all three <li></li> (images only), you should be able to complete the challenge.

I hope this helps.

Excellent job posting your question!

Carl Soderqvist
Carl Soderqvist
3,322 Points
Carl Soderqvist
Carl Soderqvist
3,322 Points

Thanks for the help guys.

Kind regards, Carl