Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Organize with Unordered Lists

Make sure to use an image tag that displays"img"

I am in error to no avail. I keep getting "make sure to use an image tag that displays "img/numbers-01" I think src= is the tag but with only that and all else blank I error. With src= and href= I error same message. Any guidance is appreciated- Mike

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

I think that you are looking for the images in the wrong directory.

you are using

<img src="jpeg/numbers-06.jpg" alt="">

try

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

for all of the images

Are you sure the image you are trying to display is located in a folder or directory called "jpeg"? If your "numbers-01.jpg" image is located in a folder named "img", try changing your code FROM <img src="jpeg/numbers-01.jpg">

TO

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

Good luck!

It's /img not / jpg. unless you changed you img folder to jpg folder.

3 Answers

Alex Heil
Alex Heil
53,534 Points

hey Michael Fleck , you're absolutely right that you should go with img src=, the href parts can be removed from your markup - this is used for links but we don't need it in this challenge ;)

actually the problem is only the image-source. you're using jpeg/numbers-01 and so on while it should be img/numbers-01..

if you change these it should pass just fine. hope that helps and have a nice day ;)

As i saw earlier there are many topics for this issue, you just can browse the forum for this kind of issue and you will find a lot of topics. Also i suggest to read carefully the question it's giving to you during a challenge and you probably will pass it.

Hope you're going well. :)

Moved the indention's. Its a code challenge and I feel like I am giving the quiz the required information in a correct manner. I wonder if I need to clear a cache or something. I feel the answer I am giving is the one requested at this point.

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

Alex Heil
Alex Heil
53,534 Points

hey Michael Fleck , the way you have inserted the images now in this new code is absolutely correct. however you added additional markup like the a and p tags that weren't asked for in the challenge. this might confuse the checking as it's not meant to be there. if you strip this down to the images only your current code will pass fine (just double-checked / tested it with your code by removing all unneccessary elements).

so at the end it would look like this:

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

hope that helps ;)