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

Patricia Gagnon
Patricia Gagnon
551 Points
Posted by Patricia Gagnon
Patricia Gagnon
551 Points

I can't see what is wrong with my answer, and when I do a preview all the images display correctly.

I keep getting the bummer message with this. What am I doing wrong?

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>

1 Answer

Rich Bagley
Rich Bagley
25,869 Points

Hi Patricia,

The challenges can get quite specific.

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!

In the above it doesn't mention adding a link to the images in the list items:

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

If you remove these from your code so you're just left with the image tags you should find this sorts it :)

-Rich

Patricia Gagnon
Patricia Gagnon
551 Points
Patricia Gagnon
Patricia Gagnon
551 Points

That was it, I can see I need to be much more careful. Thank you!

Rich Bagley
Rich Bagley
25,869 Points

No problem :)

Timothy Sweeney
Timothy Sweeney
504 Points

Im stuck on the same thing, is href for links and src for images whats the difference