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 Hannah Elliott
Hannah Elliott
11,001 Points

What tag am I leaving off? I am unsure of what the hint is referring to.

I don't understand what I have left out.

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">
          <img src="img/numbers-01.jpg" alt="">
        </li>
        <li>
          <a href="img/numbers-02.jpg">
          <img src="img/numbers-02.jpg" alt="">
        </li>
        <li>
          <a href="img/numbers-06.jpg">
          <img src="img/numbers-06.jpg" alt="">
        </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

Because in this challenge you don't want links at all. :-)

You want to add your code inside the 

<section></section>

tags in the code challenge.

If you add the following code, 1 image inside one list item that each go inside an unordered list tag, it will work. You don't need to specify a directory in your file paths either. :-)

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

Good luck.

Hannah Elliott
Hannah Elliott
11,001 Points

YOU are a HEROOOOO! Thanks. I was beginning to feel a little crazy!

Taki mhd
PLUS
Taki mhd
Courses Plus Student 1,714 Points
Taki mhd
Taki mhd
Courses Plus Student 1,714 Points

Hi Hannah,

Culprit: Unclosed link tags

The list item links nested in the Unordered list each have link tags that have not been closed.

Here is a fixed update to the above enclosed code.

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

Hope this helps! Good luck!

Hannah Elliott
Hannah Elliott
11,001 Points

Hello Taki, Thanks so much for your help. It's still giving me the Bummer! message. It says, "Make sure you include an Image tag that displays, "numbers-01.jpg".

Jerren Calhoun
Jerren Calhoun
4,829 Points
Jerren Calhoun
Jerren Calhoun
4,829 Points

This challenge has confused me as well. I put the same code that Jonathan Grieve said would work & I'm getting the same Bummer! message/:

I didn't add the links & my tags seem to be correct.

Any help would be appreciated thx!

Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

It should work, so long as the code entered is below the closing header element and the opening footer element.

Unfortunately with these challenges you sometimes have to be very precise. :-)