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

in "how to make a website" i added 3 images, and when i preview, it shows that i added three images. but i can't go on.

in "how to make a website" i have been instructed to add 3 images, and i did. and when i preview, it shows that i added 3 images. but for some reason, i can't get past. i have checked and rechecked the code, and i am not sure what the website wants from me right now. of course, i'm a total beginner and i could be very wrong about something.

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>
Robert Davey
Robert Davey
503 Points

I had the exact same issue, see here: https://teamtreehouse.com/forum/ah-but-i-have-added-an-image-tag-havent-i

Is it possible that we have it right?

...there is a way to move on to the next lesson. The arrows at the top, I think...

3 Answers

Hey Helen and Robert!

You guys are technically right; however, when it comes to challenges, only put in what the challenge tells you to put in! You have links surrounding your images that shouldn't be there. I'm assuming you just copied and pasted from your Workspace. The point of this challenge is to see if you can do it on your own. Remove the link elements and it will pass :)

    <section>
      <ul>
        <li>
           <!-- notice there are no a elements -->
           <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>
      </ul>
    </section>
Robert Davey
Robert Davey
503 Points

Marcus nailed it. (Though I did type and try it this way and that.) Thanks again!

Thanks Robert! :D

thank you! i think we are right. :)

Robert Davey
Robert Davey
503 Points

Seems that way, dang it.

...must...let...go must...move...on...

:)

aha! thank you, marcus. like i said, total newbie. i have not been copying and pasting, but i mixed up the code that means a link and the code that is just the content. ugh. because i am a dummy and although i seem to be doing fine memorizing the codes, i'm not sure what each one actually means yet. i'll get there! thanks again.

It's okay! You'll get there. Your code is completely 100% valid, and is the way anyone would program a gallery because you'd want to be able to open up the full scale image easily.

But when it comes to Challenges, just keep in mind to only put what they specifically ask for. Inserting other code will give you a headache haha :P

By the way, marking my answer as best answer will show that this is resolved. :P