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 Angela Ramseyer
Angela Ramseyer
1,784 Points

Program not recognizing my image tags

Hi, I'm trying to complete the challenge adding images to my unordered list items. The program keeps "bumming" me out saying be sure to include an image for "numbers-01.jpg". I think I did that. Can anyone see what I'm doing 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-01.jpg" alt="">
        </li>
        <li>
          <img src="img/numbers-01.jpg" alt="">
        </li>
      </ul
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

2 Answers

John Conway
John Conway
548 Points
John Conway
John Conway
548 Points

Hi there :-)

Firstly, each need the image name is "numbers-0x.jpg". You have included img/ in your quotation marks, which you don't need. The data within the " " should be your image name. It could be whatever you want. It may be that the image files you moved over just moved the images, and you didn't move them in to a folder call "img".

Secondly your HTML will fail because you have number-01 3 times. Make sure you have number-01,number-02 and number-06.

Hope that helps!

Angela Ramseyer
Angela Ramseyer
1,784 Points

Hi John. Yes. I had had forgotten to change the image numbers on the second two after copying the code.

Thank you.

Sergey Podgornyy
Sergey Podgornyy
20,660 Points
Sergey Podgornyy
Sergey Podgornyy
20,660 Points

Try insert image from root folder

<img src="numbers-01.jpg" alt="">

I had the same problem

Angela Ramseyer
Angela Ramseyer
1,784 Points

Hi Sergey. The code you suggest is the exact one I used. I typed the text between list item tags <li></li>. It still doesn't work. Are you able to see my code attached to my original question for verification? Thanks

Sergey Podgornyy
Sergey Podgornyy
20,660 Points
Sergey Podgornyy
Sergey Podgornyy
20,660 Points

You didn't close your UL tag

</ul
Angela Ramseyer
Angela Ramseyer
1,784 Points

On closer inspection of your code, I had included img/ inside the quotes, before numbers-01.jpg. It works now. Thank you.

Sergey Podgornyy
Sergey Podgornyy
20,660 Points
Sergey Podgornyy
Sergey Podgornyy
20,660 Points

I'm glad, that problem fixed ;)