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

Richard Poirier
PLUS
Richard Poirier
Courses Plus Student 2,930 Points

I just finished section on loading/linking image files. When I looked at web preview, they aren't there...justcaptions

My code is a follows...it appears the same as video from what I can tell...not sure what I am missing =P

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Sookie F.P. | Doggie Extraordinaire </title> </head> <body> <header> <a href="index.html"> <h1>Sookie Fonzarella</h1> <h2>Doggie Extraordinaire</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.jpb"> <img scr="img/numbers-01.jpg" alt=""> <p>Experimentation with color and texture</p> </a> </li> <li> <a href="img/numbers-02.jpb"> <img scr="img/numbers-02.jpg" alt=""> <p>Playing with Blending Modes</p> </a> </li> <li> <a href="img/numbers-06.jpb"> <img scr="img/numbers-06.jpg" alt=""> <p>Trying to create 80's style of glows</p> </a> </li> <li> <a href="img/numbers-09.jpb"> <img scr="img/numbers-09.jpg" alt=""> <p>Drips in photoshop</p> </a> </li> <li> <a href="img/numbers-12.jpb"> <img scr="img/numbers-12.jpg" alt=""> <p>textures with repetition</p> </a> </li> </ul> </section> <footer> <p>© 2014 Sookie F.</p> </footer> </body> </html>

Any help appreciated...thanks!

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Woops! You made some typos. In every one of your anchor tags you've written .jpb instead of .jpg and in your img tags you've written scr instead of src. Remember src stands for source.

<a href="img/numbers-01.jpb">  <!-- change this to .jpg -->
    <img scr="img/numbers-01.jpg" alt="">  <!--  change scr to src -->
      <p>Experimentation with color and texture</p>
  </a>
Dustin McCaffree
Dustin McCaffree
14,310 Points

This may solve the problem, but the images themselves should be loaded in the img elements, and not the anchor tags' href. I wonder why this is stopping your images from loading...

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Dustin McCaffree I updated the answer to reflect the other major typo I found which was "scr" instead of "src". That explains why they aren't showing up.

Dustin McCaffree
Dustin McCaffree
14,310 Points

Good work! That is now perfect. :)

Darn it. I did the same thing with the scr typo. Thanks Jennifer.

Richard Poirier
PLUS
Richard Poirier
Courses Plus Student 2,930 Points

Thank you all! That worked perfect!....I cant believe I did that...a lab result I see everyday is SCr....lol...it made its way into my code lol...thank you all so much for your help...this is new to me...so I appreciate everyone helping out! = D