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

Posted by Michael Lyon
Michael Lyon
760 Points

images not showing

downloaded images to side bar created img folder but preview just shows square with question mark and clicking on the hypertext ref to see full image gives me 404 not found but can dbl click on image in side bar and it shows. ??

here is the code 

  <a href="index.html">
    <h1>Michael Lyon</h1>
    <h2>Designer</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/number-01.jpeg">
        <img src="img/numbers-01.jpeg" alt="">
        <p>Experimentation with color and texture.</p>
        </a>
    </li>
   <li>
      <a href="img/number-02.jpeg">
        <img src="img/numbers-02.jpeg" alt="">
        <p>playing with blending modes in photoship.</p>
        </a>
    </li>
   <li>
      <a href="img/number-06.jpeg">
        <img src="img/numbers-06.jpeg" alt="">
        <p>Trying to create an 80s style of glows.</p>
        </a>
    </li>
   <li>
      <a href="img/number-09.jpeg">
        <img src="img/numbers-09.jpeg" alt="">
        <p>Drips created using photoshop brushes.</p>
        </a>
    </li>
   <li>
      <a href="img/number-12.jpeg">
        <img src="img/numbers-12.jpeg" alt="">
        <p>Creating shapes using repetition.</p>
        </a>
    </li>       
  </ul>
</section>
<footer>
  <p>&copy;  2014 Michael Lyon.</p>
</footer>

</body> </html>

9 Answers

Jesus Valdivia
Jesus Valdivia
7,246 Points
Jesus Valdivia
Jesus Valdivia
7,246 Points

Check the file extension. I think it should be .jpg and not .jpeg, without the "e". Hope it helps.

Michael Lyon
Michael Lyon
760 Points
Michael Lyon
Michael Lyon
760 Points

Yes i was using jpeg but after correcting it to jpg it is still doing it?

Jesus Valdivia
Jesus Valdivia
7,246 Points
Jesus Valdivia
Jesus Valdivia
7,246 Points

Also check the name: you have "number" without the "s" at the end in the href attribute for the <a> tag. It shoould say "numbers".

Michael Lyon
Michael Lyon
760 Points
Michael Lyon
Michael Lyon
760 Points

finally got it straight, must check exact spelling etc on references!

Jesus Valdivia
Jesus Valdivia
7,246 Points
Jesus Valdivia
Jesus Valdivia
7,246 Points

Glad you solved it. It is a very common mistake, the bad spelling. I´ve been learning Web Development for almost a year now and spelling is the most recurrent error I make, you have to pay attention to those file names.

Tim Cox
Tim Cox
137 Points
Tim Cox
Tim Cox
137 Points

Not to jump in on your question but I am having the same problem. I got it to work here but I am trying it for a school project as well and it isn't working. I have it set up like this on my mac. exercise2/images...

body div br img src="/images/blues_brothers.png" alt="Jake and Elwood Blues" /div

Yes I am using the blues brothers as my test site. HA is that code right? I removed brackets to get it to show up

Tim Cox
Tim Cox
137 Points
Tim Cox
Tim Cox
137 Points

crap I can't get it to show up right

Jesus Valdivia
Jesus Valdivia
7,246 Points

Try an online editor, like CodePen, then post the link here. I think it will be easier that way.

Jesus Valdivia
Jesus Valdivia
7,246 Points
Jesus Valdivia
Jesus Valdivia
7,246 Points

I'm in the middle of something, but a quick view at your code it seems the structural HTML is fine. Maybe the problem is with your file paths. There is this new online editor here at Treehouse called WORKSPACES, maybe try to load your project there and then we can try to find out the problem. Excuse my poor English.

Tim Cox
Tim Cox
137 Points
Tim Cox
Tim Cox
137 Points

no problem that is what I have been using so that it validates while I do it. Thanks a bunch!

Tim Cox
Tim Cox
137 Points
Tim Cox
Tim Cox
137 Points

got it figured out. THe workspaces was the culprit. Once i moved the text over into sublime it worked.