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

Luuk de Reus
Luuk de Reus
1,936 Points
Posted by Luuk de Reus
Luuk de Reus
1,936 Points

I do not know what i did wrong.

It says: Bummer! Make sure you add the a image tag. BUT I DID THAT... Whats wrong???

THX IN ADVANCE

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

2 Answers

martinjones1
.a{fill-rule:evenodd;}techdegree seal-36
martinjones1
Front End Web Development Techdegree Graduate 44,824 Points

The task is only asking for the images inside each list element, so while not incorrect, I would remove the anchor and p tags just leaving the img tag.

Then, then I would remove "img/" before each image, even though you would normally save images in a folder it doesn't look like the task states it, so would remove it in this instance.

Nijesh Nj
Nijesh Nj
18,232 Points
Nijesh Nj
Nijesh Nj
18,232 Points

I think this code didn't because you wrapped img inside the <a> tag. Maybe they looked for img tag directly inside the <li> tag. So if you remove a tag then it would work.

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

There is nothing wrong in what you have done but this is pre-programmed challenge so you will have to do what they say to. If you wish to do more then switching to workspaces will be a great idea. You can also remove img/ if you wish too. But it will work with and without it