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

HTML Image Gallery Problem

I checked that I typed the code right but when I click on the eye in workspace my images are just small question marks in boxes. Any suggestions?

I'm having a similar problem. My images just show up as bullet points and my facebook and twitter logos appear as the alt. I'm using linux if that makes a difference.

2 Answers

Gergő Bogdán
Gergő Bogdán
6,664 Points

Are the src attributes set correctly in the IMG tags?

Isaac Asante
Isaac Asante
4,752 Points

Hey Jake and Scott, it should be like this... Just verify that you have well uploaded the images in your Workspaces in the img folder.

        <ul id="gallery">
          <li>
            <a href="img/numbers-01.jpg">
              <img src="img/numbers-01.jpg" alt="">
              <p>Caption description.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <p>Caption description.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-06.jpg">
              <img src="img/numbers-06.jpg" alt="">
              <p>Caption description.</p>
            </a>
          </li>

Thanks. I realized I didn't have my files uploaded in the right spot.