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

Leslie Becker
Leslie Becker
785 Points

question marks for images?

When I preview, I get little blue question marks instead of my images, what am I doing wrong? I tried the suggestions about folders in the last question posted about this, and checked for any typos and am still getting question marks.

Hi Leslie,

Can you post the html for your gallery?

See this quide: https://teamtreehouse.com/forum/posting-code-to-the-forum

Philip Cox
Philip Cox
14,818 Points

We needs html to help :)

Wayne Priestley
Wayne Priestley
19,579 Points

If you look at the bottom of the box when your typing a reply you will see Markdown Cheatsheet that will also explain how to post your code.

Leslie Becker
Leslie Becker
785 Points
<section>
    <ul>
      <li>
        <a href="image/numbers-01.jpg">
        <img src="img/numbers-01.jpg" alt="">
        <p> Photo </p>
          </a>
      </li>
      <li>
        <a href="img/numbers-02.jpg">
        <img src="numbers-02.jpg" alt="">
        <p> Photo </p>
        </a>
      </li>
      <li>
        <a href="img/numbers-06.jpg">
        <img src="numbers-06.jpg" alt="">
        <p> Photo</p>
        </a>
      </li>
      <li>
        <a href="img/numbers-09.jpg">
        <img src="numbers-09.jpg" alt="">
        <p>Photo</p>
        </a>

      </li>
      <li>
        <a href="img/numbers-12.jpg">
        <img src="numbers-12.jpg" alt="">
        <p>Photo</p>
        </a>
      </li>   
      </ul>
    </section>

1 Answer

Hi Leslie,

You have some inconsistency in your paths to the images.

All of your images should be in a folder named "img" if you did it the same as instructed.

Your first link "image/numbers-01.jpg" is referring to an "image" folder but that should be "img"

From the second image onward you're missing the "img" subfolder the images are in.

You have "numbers-02.jpg" and it should be "img/numbers-02.jpg"

Also, you can check your "img" folder to make sure it contains all the images.