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 Michael Fleck
Michael Fleck
Courses Plus Student 192 Points

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

Ruth Fombrun
Ruth Fombrun
1,367 Points

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!

Charles Pate
Charles Pate
3,068 Points

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

3 Answers

Alex Heil
Alex Heil
53,547 Points
Alex Heil
Alex Heil
53,547 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 ;)

Argzon Haziraj
PLUS
Argzon Haziraj
Courses Plus Student 14,994 Points
Argzon Haziraj
Argzon Haziraj
Courses Plus Student 14,994 Points

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. :)

Michael Fleck
PLUS
Michael Fleck
Courses Plus Student 192 Points
Michael Fleck
Michael Fleck
Courses Plus Student 192 Points

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,547 Points
Alex Heil
Alex Heil
53,547 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 ;)