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

Cian O'Riordan
Cian O'Riordan
836 Points

Being told I need to add the Image tag, which is already included. What am I missing?

Problem: "Inside the three new list items, add the following images from inside the img folder: "numbers-01.jpg", "numbers-02.jpg", and "numbers-06.jpg". Leave the alt attributes blank, and don’t add any captions or links. Just the images!"

I keep receiving this error message: "Bummer! Make sure you include an image tag that displays "img/numbers-01.jpg"."

When the image tag is included in my code.

Confused as to what I've missed, here.

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

1 Answer

Erik McClintock
Erik McClintock
45,783 Points

Cian,

If memory serves, this challenge doesn't want you to add links (i.e. <a> tags) around your images. Remove the anchor tags that are wrapping your image tags within the unordered list, and you should be good to go!

EDIT: Yep, looks like you just need to remove your anchor tags from around your images, and make one minor spelling correction (you forgot the 's' at the end of 'numbers-06.jpg'; make sure you add that!), and then your code will pass :)

Erik

Cian O'Riordan
Cian O'Riordan
836 Points

Thanks Erik,

I knew it was something simple I was missing (or adding!).

Thanks for your help!

Cian