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

Leslie Becker
Leslie Becker
785 Points
Posted by 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.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

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
Philip Cox
Philip Cox
14,818 Points

We needs html to help :)

Wayne Priestley
Wayne Priestley
19,579 Points
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
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

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

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.