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 Build the Footer

Posted by Linda Robinson
Linda Robinson
Courses Plus Student 550 Points

I'm having trouble getting the images to show up in my browser. I've triple-checked the code and it matches yours! Help!

I've even substituted my own images, deleted the img folder and started over. I can view source on my browser and the code is there, but the images aren't showing up? This is for the image gallery as well as the SoMe icons for the footer.

Ken Alger
Ken Alger
Treehouse Teacher
Ken Alger
Ken Alger
Treehouse Teacher

Linda;

Welcome to Treehouse!

Can you post the code you are using? Please see this post for instructions.

Happy coding,

Ken

Linda Robinson
Linda Robinson
Courses Plus Student 550 Points 
<section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img scr="img/numbers-01.jpg" alt="">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>
            <li>
          <a href="img/numbers-02.jpg">
            <img scr="img/numbers-02.jpg" alt="">
            <p>Playing with blending modes in Photoshop.</p>
          </a>
        </li>
            <li>
          <a href="img/numbers-06.jpg">
            <img scr="img/numbers-06" alt="">
            <p>Trying to create an 80's style of glows.</p>
          </a>
        </li>
            <li>
          <a href="img/numbers-09.jpg">
            <img scr="img/numbers-09.jpg" alt="">
            <p>Drips created using Photoshop.</p>
          </a>
        </li>
            <li>
          <a href="img/numbers-12.jpg">
            <img scr="img/numbers-12.jpg" alt="">
            <p>Creating shapes using repeition.</p>
          </a>
        </li>  
      </ul>
    </section>

5 Answers

Andres Aguero
Andres Aguero
30,545 Points
Andres Aguero
Andres Aguero
30,545 Points

You misspelled src!

You spelled it scr, but the correct term is src

Andres Aguero
Andres Aguero
30,545 Points
Andres Aguero
Andres Aguero
30,545 Points

This is how you get an image to show

<img src="image-name-of-the-picture.jpg">

MAKE sure that the picture is in the same folder of your website file. If nothing shows up then there may be an error with your naming of the picture, or the folder directory

Linda Robinson
PLUS
Linda Robinson
Courses Plus Student 550 Points
Linda Robinson
Linda Robinson
Courses Plus Student 550 Points

arggh!! LOL. thank you so much. :-) Such a tiny detail and it made all the difference!

Andres Aguero
Andres Aguero
30,545 Points
Andres Aguero
Andres Aguero
30,545 Points

No Problem! It takes practice to get use to all the key terms :)

Linda Robinson
PLUS
Linda Robinson
Courses Plus Student 550 Points
Linda Robinson
Linda Robinson
Courses Plus Student 550 Points

Thank you so much. And you were so prompt to answer! :-)

Andres Aguero
Andres Aguero
30,545 Points
Andres Aguero
Andres Aguero
30,545 Points

Just trying to get some points on answering peoples questions :-)