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

Jessica DeBall
seal-mask
.a{fill-rule:evenodd;}techdegree
Jessica DeBall
Front End Web Development Techdegree Student 495 Points
Posted by Jessica DeBall
.a{fill-rule:evenodd;}techdegree
Jessica DeBall
Front End Web Development Techdegree Student 495 Points

pictures are not showing?

</header> <section> <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 repetitions.</p> </a> </li> </ul> </section> <footer>

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! This is going to be much easier to troubleshoot if we can get a snapshot of your workspace. Hope we can help get it working! :sparkles:

john larson
john larson
16,594 Points 
</header> 
  <section> 
    <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 repetitions.</p> 
      </a> 
      </li> 
  </ul> 
</section>

3 Answers

Wesley Briney
Wesley Briney
4,254 Points
Wesley Briney
Wesley Briney
4,254 Points

<section> <ul id='gallery'> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt="img"> <p>Experimentation with color and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt="img"> <p>Playing with blending mode in Photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt="img"> <p>Trying to create 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt="img"> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt="img"> <p>Creating shapes using repitition.</p> </a> </li>
</ul>
</section> <footer>

This is the code that I used when completing the course. Hope this helps.

Wesley Briney
Wesley Briney
4,254 Points

sorry can't figure out how to screen shot properly, it's late haha.

VIKALP SAXENA
VIKALP SAXENA
568 Points

@Wesley Briney Did you your images, show up?

Wesley Briney
Wesley Briney
4,254 Points
Wesley Briney
Wesley Briney
4,254 Points

If I remember right when I took that course I had to put a value in each of the alt = " " values. It can be any text as long as it has a value. ex alt = " Experimentation with color and texture " for the first image. Let us know if this works and if not you should post a screen shot as Jennifer suggested.

claudius mainja
claudius mainja
9,661 Points
claudius mainja
claudius mainja
9,661 Points

try to put the images path in the same html folder in your desktop , and check on the type of the image thus png,jpg or jpeg ..cause most of the problems i think they can be caused by the source path