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 J Voelx
J Voelx
2,111 Points

I'm certain that I've done this challenge correctly, but am repeatedly told that I haven't.

After trying to input the code without relying to the Workspace code, numerous times, I went as far as to copy & paste the Workspace code, making sure that I also kept the alt attribute empty as requested.

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

Hello Jonathan,

Just out of curiosity did you unzip the file they were contained in? Then after that did you create the folder img?

2 Answers

Erik McClintock
Erik McClintock
45,783 Points
Erik McClintock
Erik McClintock
45,783 Points

Jonathan,

The problem you're running into here is that the challenge does not want you to wrap your images in anchor tags. If you remove the links from around your images, you'll be good to go.

You have:

 <ul>
        <li>
        <a href="img/numbers-01.jpg"><!-- do NOT add anchor tags around your images -->
          <img src="img/numbers-01.jpg" alt="">
            <p></p>
          </a>
        </li>

<!-- more list items below... -->

You need:

 <ul>
        <li>
          <!-- no anchor tags -->
          <img src="img/numbers-01.jpg" alt="">
            <p></p><!-- technically, you can remove these empty paragraph tags, as well... -->
        </li>

<!-- more list items below... -->

Erik

Kathleen Sapp
Kathleen Sapp
12,776 Points
Kathleen Sapp
Kathleen Sapp
12,776 Points

Jonathon- Your code should look like this:

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