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 Richard Anglin
Richard Anglin
167 Points

My images aren't appearing as well. 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Richard Anglin | King of Design</title>
  </head>
 <body>
  <header>
    <a href="index.html">
      <h1>Richard Anglin</h1>
      <h2>Designer</h2>
    </a>
    <nav>
    <ul>
      <li><a href="index.html">Portfolio</a></li>
      <li><a href="about.htl">About</a></li>
      <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
  </header>
  <section>
    <ul id="gallery">
    <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 blended modes in photoshop</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 of gloss</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 repitition</p>
        </a>
      </li>

    </ul>
  </section>
  <footer>
    <p>&copy; 2014 Richard Anglin</p>
  </footer>
 </body>
</html>
Richard Anglin
Richard Anglin
167 Points

I cannot find the problem. I am seeing question mark icons

2 Answers

Anne-Marie Gray
Anne-Marie Gray
301 Points
Anne-Marie Gray
Anne-Marie Gray
301 Points

Hey Richard, I'm not sure if this will help but my img folder that had all my Images on the Workspace was named Img and because the code said img that was my problem and I just renamed the folder to all lower-case.

Dallas Davis
Dallas Davis
4,129 Points
Dallas Davis
Dallas Davis
4,129 Points

You shouldn't need (..) before the images because from this index.html file you don't need to back up directories to get to your img folder.

The first link ("/img/numbers-01.jpg") is different than the others and has a / at the beginning and should look like this ("img/numbers-01.jpg").

I also don't see a !DOCTYPE html tag so I hope that's in there somewhere at the top...otherwise it looks like it should be working

If you do have a doctype set up and you still aren't getting the pictures to load make sure the files and folders are all in the right place in workspace like this...

CSS(folder containing style sheets) IMG(folder containing images) index.html (html file not in a folder)

I hope that makes sense...GOOD LUCK!