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 Add Image Gallery Content

Make sure you include an image tag that displays "img/numbers-01.jpg".

<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>
Itsa Snake
Itsa Snake
3,852 Points

You only have images 02 and 06 displayed, not 01

9 Answers

Joseph Alejandro
Joseph Alejandro
1,428 Points

I did the challenge again and this is what I did to pass it, just check your code and see whats wrong with it. Also don't add the p element in your code.

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

This worked for me too, but it seemed out of order from the way the video wrote it. I wasn't sure which element it was asking for specifically and the guess and check game wasn't working for me. Maybe I missed it but if there had been an explanation on what would just produce a picture (since that seems to be what the question was requiring) this challenge would have been less confusing.

Joseph Alejandro
Joseph Alejandro
1,428 Points

The problem was that you were adding the p element and it recognized it as being a caption, and in the instructions it says not to add any captions or any links. Hope this helps.

Right now u have only numbers-02.jpg and numbers-06.jpg

The challenge asks for 1 more item, with the image "img/numbers-01.jpg".

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

i have all three it is not showing in the box - it still says Bummer! Make sure you include an image tag that displays "img/numbers-01.jpg".

<!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=""> </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> </section> <footer> <p>© 2013 Nick Pettit.</p> </footer> </body> </html>

Itsa Snake
Itsa Snake
3,852 Points
<section>
<ul>
<li>
            <a href="img/numbers-01.jpg">
              <img src="img/numbers-01.jpg" alt="">
              <p>Text</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <p>Text</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>Text</p>
            </a>
          </li>
</ul>
</section>
Joseph Alejandro
Joseph Alejandro
1,428 Points

Like Stoyan Todorov said, you have to add another image, the one named numbers-01.jpg. That's the only one that is missing from your code to be able to complete the challenge. Here's how it should look.

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

I did this challenge recently and I don't remember it asking for the paragraph elements. Maybe that's the issue?

I did this challenge recently and I don't remember it asking for the paragraph elements. Maybe that's the issue?

(apologies for double post)

Joseph Alejandro
Joseph Alejandro
1,428 Points

Well he could delet them and try it but I don't thi k that's the problem otherwise it would tell you and it will ask for the paragraphs because in that challenge you don't use the alt attribute you ate supposed to use the p elements

Julia Jen
Julia Jen
461 Points

I have the same issue, I even copied and pasted what joseph added and it still says the same thing in task 2 of 2- Bummer! Make sure you include an image tag that displays "img/numbers-01.jpg".

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