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

Natalie Arnold
Natalie Arnold
2,117 Points
Posted by Natalie Arnold
Natalie Arnold
2,117 Points

I can't pass challenge with img tag; hint says I need to include an img tag that displays "numbers-01.jpg"

Can anyone see what I'm doing wrong? Thanks

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

Jess Taylor
Jess Taylor
5,160 Points
Jess Taylor
Jess Taylor
5,160 Points

There is no mention of an img directory which contains the images, usually this is mentioned when they set the challenge, i.e. include 5 images, they are all in a folder called 'img'.

I just tried the challenge and if you take out img/ in each of your src attributes then this should work :)

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

3 Answers

Curtis Murley
Curtis Murley
2,766 Points
Curtis Murley
Curtis Murley
2,766 Points

You didn't close your quotation marks for any of your images

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

appose to your code . . .

  <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>
Natalie Arnold
Natalie Arnold
2,117 Points
Natalie Arnold
Natalie Arnold
2,117 Points

Thanks very much. This plus removing img/ as Jess Taylor suggested helped.

karson Adam
karson Adam
32,623 Points
karson Adam
karson Adam
32,623 Points

nou need to fix the atributes src and alt , each atribute values must be encosed with quotation marks , eg: 

            <img src="image-00.gif"  alt="zero">
Natalie Arnold
Natalie Arnold
2,117 Points
Natalie Arnold
Natalie Arnold
2,117 Points

Thanks very much. This plus removing img/ as Jess Taylor suggested helped.

brianturner4
brianturner4
18,570 Points
brianturner4
brianturner4
18,570 Points

i tried each of your solutions but I still get the same error message. I can see the image on the site and I can click it and see the image but it won't pass me yet. help!

karson Adam
karson Adam
32,623 Points

can you post your code?