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

Angela Brooks
Angela Brooks
229 Points
Posted by Angela Brooks
Angela Brooks
229 Points

Images 2 - 12 are not showing up when I preview and refresh on my workspace.

(I don't know how to paste my code below to show what I've done on the workspace.) I think I've done it all correctly but I can't figure out why the other images (besides image 01) is not showing up on the preview. The captions are in the right places, but the full images aren't there. They appear as little icons, then when I click the icons I get a 404 message error.

Does anyone know what I'm doing wrong?

6 Answers

Stan Day
Stan Day
36,802 Points
Stan Day
Stan Day
36,802 Points

The thing that stands out to me here is the lack of double quotes at the beginning of the href attribute and you didn't close the first li tag. Can't be sure if that is your issue but you should try and see. This code should work! :)

<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 repetition.</p>
            </a>
        </li> 
    </ul>
</section>
Angela Brooks
Angela Brooks
229 Points
Angela Brooks
Angela Brooks
229 Points

Thank you! It looks like that was the issue--when I corrected the " and closed the first </li> the angry little red highlights on the workspace cleared up. Again, thanks!

For some reason when I preview and hit refresh it's still not showing the whole image, just the little icon and the "404 - not found" error message when I try to get it to show up. Any idea what that might be?

Kevin Cartwright
Kevin Cartwright
2,563 Points
Kevin Cartwright
Kevin Cartwright
2,563 Points

Im not sure if this would solve it, but it seems your missing a closing li tag after your first li element.

Samuel Lopez
seal-mask
.a{fill-rule:evenodd;}techdegree
Samuel Lopez
Front End Web Development Techdegree Student 13,960 Points
Samuel Lopez
.a{fill-rule:evenodd;}techdegree
Samuel Lopez
Front End Web Development Techdegree Student 13,960 Points

Do you have a link to your workspace?

Ryan Boone
Ryan Boone
26,518 Points
Ryan Boone
Ryan Boone
26,518 Points

This link is not responding.

Samuel Lopez
.a{fill-rule:evenodd;}techdegree
Samuel Lopez
Front End Web Development Techdegree Student 13,960 Points

Your link it's not working. The best would be for you to paste your code in here. You can format your discussion with Markdown. If you aren't familiar with Markdown you can reference the Markdown Cheatsheet.

Stan Day
Stan Day
36,802 Points
Stan Day
Stan Day
36,802 Points

Can't really help you without seeing your code, try highlighting the text in the workspace you want to copy and then pressing ctrl+c if you are on windows and cmd+c if you are on mac. Then just paste it into the reply box so I can help you.

Angela Brooks
Angela Brooks
229 Points
Angela Brooks
Angela Brooks
229 Points

Here is my code below (I'm hoping it shoes up....)

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