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 Joe Fuller
Joe Fuller
3,702 Points

Inside the three new list items, add the following images: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg".

I've looked up the answer, and I've let my whole class look at it, but it still says I'm 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><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>

5 Answers

Jacob Mishkin
Jacob Mishkin
23,118 Points
Jacob Mishkin
Jacob Mishkin
23,118 Points

Your very close, remove the "img/" folder directory and have this:

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

after that you should be good to go.

Zach Patrick
Zach Patrick
19,209 Points
Zach Patrick
Zach Patrick
19,209 Points

The question didn't specify whether the images were in a folder of their own. You just need to remove 'img/' from the src.

Rune Jacobsen
Rune Jacobsen
15,650 Points
Rune Jacobsen
Rune Jacobsen
15,650 Points

Hi There!

If you remove img/ from each of your pictures, you should be good to go!

Shek Kin Liu
Shek Kin Liu
3,515 Points
Shek Kin Liu
Shek Kin Liu
3,515 Points

Hey, you are taking away the "img/" because you don't have the pictures inside the folder "img." Have fun coding!

dolapo taiwo
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
dolapo taiwo
UX Design Techdegree Student 710 Points
dolapo taiwo
.a{fill-rule:evenodd;}techdegree
dolapo taiwo
UX Design Techdegree Student 710 Points

Had same problem days ago..Do this , should be fine.

<section>

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

</section>

if you followed the tutorial then your images should be in the img folder by now.. so to access that directory you should do this. <img src="img/numbers-01.jpg" alt="">................ The marker is strict your have to do exactly same thing shown in the tut..