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

Angela Brooks
Angela Brooks
229 Points
Posted by Angela Brooks
Angela Brooks
229 Points

Getting this error message on my code challenge *Make sure you include "img/numbers-01.jpg" but can't figure out why.

Here is my code, what am I doing wrong?

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

6 Answers

Scott Easter
Scott Easter
7,148 Points
Scott Easter
Scott Easter
7,148 Points

I figured it out (I just went back to the question and did it.

You need to take out the <a href... > and only leave the <img src="img/numbers-01.jpg" alt="">

You were just doing to much work. Also you will need to change the last href you have to img.

        <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>
Angela Brooks
Angela Brooks
229 Points
Angela Brooks
Angela Brooks
229 Points

Yay, thank you Scott! That did the trick! :-)

Anika Jaffara
Anika Jaffara
20,364 Points
Anika Jaffara
Anika Jaffara
20,364 Points

Hey Angela!

It looks like you're not quite closing your anchor tags correctly. It should look a bit more like this...

<ul> <li><a href="img/numbers-01.jpg">One</a></li> <li><a href="img/numbers-02.jpg">Two</a></li> <li><a href="img/numbers-03.jpg">Three</a></li> </ul>

Scott Easter
Scott Easter
7,148 Points
Scott Easter
Scott Easter
7,148 Points

After your src="img/number-01.jpg" there is a ">" that should not be there (before alt).

Angela Brooks
Angela Brooks
229 Points
Angela Brooks
Angela Brooks
229 Points

No, they're not showing up for some reason.

Angela Brooks
Angela Brooks
229 Points
Angela Brooks
Angela Brooks
229 Points

No they're not showing up in the preview.

Angela Brooks
Angela Brooks
229 Points
Angela Brooks
Angela Brooks
229 Points

Thank you both for the suggestions--I thought I corrected it but I'm still getting the same error message (Make sure you include "img/numbers-01.jpg")

here is my code again, still can't figure out the glitch

<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">
          <a href="img/numbers-06.jpg" alt=""
               </a>
               </li>
      </ul>
    </section>
Scott Easter
Scott Easter
7,148 Points
Scott Easter
Scott Easter
7,148 Points

Do the images appear when you preview the code?

Samuel Glister
Samuel Glister
12,471 Points
Samuel Glister
Samuel Glister
12,471 Points

Hi Angela,

Please make sure you close all of your image tags like the below. If you also try to organize your code spotting errors will be a lot easier.

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

Hope this helps :)