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

Neil Egasani
Neil Egasani
653 Points
Posted by Neil Egasani
Neil Egasani
653 Points

Image won’t display.

The image is a question mark. When I click it, it says “Not Found”. 

  <Body>
    <header>
      <a href="index.html">
        <h1>Neil Egasani</h1>
        <h2>Principal</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>  
      </nav>
    </header>
    <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 repetitions.</p>
          </a>
        </li>

7 Answers

Kenneth Ly
Kenneth Ly
694 Points

You might need to rename the img to "imgname.jpg" exactly the name should the picture have as name.

You might have not put the picture file into the folder "img "

John Smith
seal-mask
.a{fill-rule:evenodd;}techdegree
John Smith
Front End Web Development Techdegree Student 699 Points
John Smith
.a{fill-rule:evenodd;}techdegree
John Smith
Front End Web Development Techdegree Student 699 Points

Have you moved the images into the img folder?

You have to create an img folder and move the images you uploaded unto workspace into it.

tracy
tracy
32,769 Points
tracy
tracy
32,769 Points

Hi Neil,

Which image is not displaying? Or is the problem occurring with all images?

Neil Egasani
Neil Egasani
653 Points
Neil Egasani
Neil Egasani
653 Points

The problem is with all images.

Neil Egasani
Neil Egasani
653 Points
Neil Egasani
Neil Egasani
653 Points

hi tracy. yes, uploaded the pictures and placed in image file. i just went back to changed the file name from Img to img. it worked. I think it wasn’t recognizing the name with a capital “I”. Thanks...neil

Neil Egasani
Neil Egasani
653 Points
Neil Egasani
Neil Egasani
653 Points

thanks Ken and Patrick for chiming in...Neil

Chelsea Crisp
Chelsea Crisp
4,824 Points
Chelsea Crisp
Chelsea Crisp
4,824 Points

I had a similar problem with my first image not showing. My code and folder names were all correct. I ended up switching back to Firefox from Chrome, and that did the trick. The file "numbers-01.jpg" showed right up.