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

Can't get my img show. Getting error message Make sure you include an image tag that displays "numbers-01" It is there!

<ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in Photoshop</p> </a> </li> <li>
<a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.p> </a> </li> </ul>

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="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="">
                        </a>
                  </li>
                  <li>  
                        <a href="img/numbers-06.jpg">
                            <img src="img/numbers-06.jpg" alt="">
                        </a>
                  </li>
        </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

3 Answers

Robert Manolis
STAFF
Robert Manolis
Treehouse Guest Teacher

to pass the challenge, don't put your "img" tags inside of "a" tags. Like this:

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

That will pass.

Yes!!!!!! Holy Crap!! Thank you! That was like popping a pimple!

Robert Manolis
Robert Manolis
Treehouse Guest Teacher

:) Fun stuff, right. And remember, the tougher the challenge, the greater the reward when it all finally clicks into place. Have fun and never stop learning. :)

OK, I had to take a break and I am back at this. I used the suggestion you gave this time and it is not taking it. I put this inside the section.

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

It is again telling me that I cannot move forward.

Robert Manolis
STAFF
Robert Manolis
Treehouse Guest Teacher

It seems like your file paths are incorrect. The challenge is asking for images located at "numbers-06.jpg", not "img/numbers-06.jpg". Try removing the "img/" from your "src" attribute.

Hope that helps. Good luck.

Thanks, but no that did not work. The original hint you gave worked the first time and it does not work the second. This last answer is not working either. I am confused as to why it would work the first time and not the second. Maybe I am not cut out for this course. I have been working using every scenario I can think of to get past this quiz and it is going nowhere. Thanks for your willingness to help!

I tried taking out of both places, then tried with taking out of the href leaving the image source. Then the leaving the xref and taking out the image source. None of the three options worked, but thanks for the try!

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