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

Posted by Waseem Wazzan
Waseem Wazzan
Courses Plus Student 1,099 Points

I believe that I have inserted the correct code but it keeps showing Bummer! I just wanna make sure if my code is right.

<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>

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>
William DeHaven
William DeHaven
16,265 Points
William DeHaven
William DeHaven
16,265 Points

I think it is because you're surrounding the images with a href tags -- I don't think the code challenge wants you to do that just yet, though I could be wrong. Hope this helps!

Waseem Wazzan
Waseem Wazzan
Courses Plus Student 1,099 Points

this is the part two of the challenge when it asks to add the herf tag. it is strange thought. thanks anyway!

William DeHaven
William DeHaven
16,265 Points
William DeHaven
William DeHaven
16,265 Points

Are you sure? Here are the instructions I receive when I get to part 2 of that code challenge:

"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!"

Eryc Silva
Eryc Silva
3,974 Points

Are you trying this on a mobile device? I've had trouble with checking my work on the iPad, not sure why.

Also, have you wrapped the "footer" content on "a"s as well? Try copying and pasting this:

<section>
      <ul id="gallery">
        <li><a href="img/numbers-01.jpg"><img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with color and texture.</p></a></li>
        <li><a href="img/numbers-02.jpg"><img src="img/numbers-02.jpg" alt="">
            <p>Playing with blending modes in Photoshop.</p></a></li>
        <li><a href="img/numbers-06.jpg"><img src="img/numbers-06.jpg" alt="">
            <p>Trying to create an 80's style of glows.</p></a></li>
        <li><a href="img/numbers-09.jpg"><img src="img/numbers-09.jpg" alt="">
            <p>Drips created using Photoshop brushes.</p></a></li>
        <li><a href="img/numbers-12.jpg"><img src="img/numbers-12.jpg" alt="">
            <p>Creating shapes using repetition.</p></a></li>
      </ul>
    </section>
    <footer><a href="http://twitter.com/nick" class="social-icon"><img src="img/twitter-wrap.png" alt="twitter logo"></a><a href="http://facebook.com/nick" class="social-icon"><img src="img/facebook-wrap.png" alt="facebook logo"></a>
      <p>&copy; 2015 Nick Petit.</p>
    </footer>
Waseem Wazzan
Waseem Wazzan
Courses Plus Student 1,099 Points

William... you are right I should haven't add the links yet. now it works. Thank you

Waseem Wazzan
Waseem Wazzan
Courses Plus Student 1,099 Points

Eryc . . . Thank you :)

1 Answer

Abe Layee
Abe Layee
8,378 Points
Abe Layee
Abe Layee
8,378 Points

You have few errors in your code. One the challenge is a not asking you to use the href around the img. Secondly,you forgot to close the ul tag. Lastly, your code have to be in the section tag. Something like this 

 <section>
       <ul>
         <li><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>