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 Add Image Gallery Content

Posted by Oliver Smith
Oliver Smith
184 Points

What am I doing wrong?

<ul> <li> <a href="img/numbers-01.jpg"> <img src="img/number-01.jpg" alt=""> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/number-02.jpg" alt=""> <p>Playing with blending modes in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/number-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/number-09.jpg" alt=""> <p>Drips created using Photoshop brushes</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/number-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a> </li> </ul>

Oliver Smith
Oliver Smith
184 Points

Apologies I'll repost!

Oliver Smith
Oliver Smith
184 Points 
<ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/number-01.jpg" alt="">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/number-02.jpg" alt="">
            <p>Playing with blending modes in Photoshop.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/number-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/number-09.jpg" alt="">
            <p>Drips created using Photoshop brushes</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-12.jpg">
            <img src="img/number-12.jpg" alt="">
            <p>Creating shapes using repetition.</p>
          </a>
        </li>
      </ul>

4 Answers

George Cristian Manea
George Cristian Manea
30,787 Points
George Cristian Manea
George Cristian Manea
30,787 Points

Your code looks ok, but in the href attribute of the anchor element shouldn't be img/number-...instead of img/numbers-...?

Clay Logsdon
Clay Logsdon
971 Points
Clay Logsdon
Clay Logsdon
971 Points 
<ul>
        <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>

Put that in and it should work

Your problem was that you were saying numbers for your href but for your img you just said number...The computer was like...what is number? I don't know that file? Anyways, it should be fixed now.

Oliver Smith
Oliver Smith
184 Points
Oliver Smith
Oliver Smith
184 Points

Hey guys! Thanks for your help. I've changed that and it seems to still not be working, just appearing as the first image, and remaining without any link paragraphs describing any of them.

I can't put a finger on it!

Clay Logsdon
Clay Logsdon
971 Points
Clay Logsdon
Clay Logsdon
971 Points

Oliver,

The only thing I can think of is if you input a url for the href and src...here is an example of what I am trying to say. 

<a href="http://yourlocalamerica.com/wp-content/uploads/2013/11/Treehouse-Logo-Mark.png">
<img src="http://yourlocalamerica.com/wp-content/uploads/2013/11/Treehouse-Logo-Mark.png" alt="">

Put in the links...make sure they either end in .jpg or .png

See if that works! You will have to choose your own custom images though, doesn't effect how website turns out. I personally think its better to use your own custom images.