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

Cian O'Riordan
Cian O'Riordan
836 Points
Posted by 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
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
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