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 Konstantin Chinkov
Konstantin Chinkov
3,871 Points

images not showing

I've double checked, and I am using the exact same syntax and code as the video tells me to. However for some reason the images are not showing up. For an internet explorer I am using Google Chrome, and I'm also using a Mac instead of a Windows. Does anybody have any ideas? (P.S.- I am fairly new at this.)

5 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

You're using Chrome, right? I can only think it's a cache issue. Shift + Ctrl + F5 on Windows or CMD + R on the Mac.

Also make sure you have index.html one level above your img folder.

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

Can you paste the code you are trying to pass?

Here's how to do so. Where you see HTML at the top, you can switch that to CSS if you are posting that language. You will use three grave accent marks ( ` ) before HTML / CSS, etc. It's the symbol next to the tilde ( ~ ) to the left on the 1 key.

Also check out Posting Code to the Forum.

Code on Treehouse

Konstantin Chinkov
Konstantin Chinkov
3,871 Points
Konstantin Chinkov
Konstantin Chinkov
3,871 Points

Here's what I have so far. When I run the code everything looks exactly the same as in the video, with the exception of the images showing. Instead it shows a little icon with a torn paper. Thank you very much for any help you can give.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Konstantin | artist</title>
    <link rel="stylesheet" href="css/normalize.css">
    <style>
      footer{
       color: green; 
      }
      footer{
        color: orange; 
      }
    </style>
  </head>
  <body>
    <header>
      <a href ="index.html">
        <h1>Konstantin</h1>
        <h2>Artist</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.</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 glow.</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 repetition.</p>
          </a>
        </li>
      </ul>
    </section>
    <footer>
      <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
      <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
      <p>&copy; 2014 Konstantin Chinkov.</p>
    </footer>
  </body>
</html>
Konstantin Chinkov
Konstantin Chinkov
3,871 Points
Konstantin Chinkov
Konstantin Chinkov
3,871 Points

Yes, I am using chrome and I just tried your suggestions, but they didn't work. I'll just try to do a more in depth search online when I get a chance. Either way- I really appreciate you trying to help. Thank you!

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

I can only think it's your file structure, or possibly Chrome. I'd first try a different web browser, then maybe re-download the project files (direct link) and test to see if that version works. Your HTML code works on my system with the file structure used in the project files.

How to download project files