Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Organize with Unordered Lists

Posted by Jake Manseau
Jake Manseau
Courses Plus Student 221 Points

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?

Scott Steckmann
Scott Steckmann
4,298 Points

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
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
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>
Scott Steckmann
Scott Steckmann
4,298 Points

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