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 Jacson Ott
Jacson Ott
242 Points

Can't see images on preview.

When I try to preview my workspace the places where the images should be are blank, but if you click on the text it will bring you to the image... any help?

Christy Zimmer Coyle
Christy Zimmer Coyle
3,014 Points
Christy Zimmer Coyle
Christy Zimmer Coyle
3,014 Points

Hi Jacson,

Would you be able to post your code? From your description I'm not sure what's going on, though someone else might have a better idea. If you haven't done it before, I think the Markdown Cheatsheet is helpful in figuring out how to post code here.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Jacson,

That means your images are there and at least the path to them in your link is correct.

I would post the html for your gallery section so that someone can look at the src in your img element. That path is likely wrong or you have some kind of syntax error for that part.

4 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Jacson,

You have a typo on your img src attribute. You have sre

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Jacson,

It sounds like you have the images linked to your text, as Christy said we need to see your code to know for sure.

Jacson Ott
Jacson Ott
242 Points
Jacson Ott
Jacson Ott
242 Points 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit | Designer</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</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="comtact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
          <img sre="img/numbers-01.jpg" alt="">
          <p>Experimentation with color and texture</p>
        </a>
        </li>
         <li>
          <a href="img/numbers-02.jpg">
          <img sre="img/numbers-02.jpg" alt="">
          <p>Playing with blending modes in Photoshop.</p>
        </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
          <img sre="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 sre="img/numbers-09.jpg" alt="">
          <p>Drips created using Photoshop brushes.</p>
        </a>
        </li>
         <li>
          <a href="img/numbers-12.jpg">
          <img sre="img/numbers-12.jpg" alt="">
          <p>Creating shapes using repatition.</p>
        </a>
        </li>

      </ul>
    </section>
    <footer>
      <p>&copy; 2014 Nick Pettit.</p>
    </footer>
  </body>
</html>
Jacson Ott
Jacson Ott
242 Points
Jacson Ott
Jacson Ott
242 Points

Thanks! that was it.