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

Posted by Deborah Williamson
Deborah Williamson
2,997 Points

image wont appear

I've asked about this question twice now and none of the suggestions work. I still can't see the images even though my code is correct

Deborah Williamson
Deborah Williamson
2,997 Points 
<!DOCTYPE html>
<html>
   <head>
     <meta charset="utf-8">
  <title>Deborah Williamson</title>
  </head>
  <body>
    <header>
      <a href="index.htm">
    <h1>Deborah Williamson</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="contact.htm">Contact</a></li>
        </ul>
      </nav>
      </header>
    <section>
      <ul>
       <li><img src="numbers-01.jpg" alt=""></li>
       <li><img src="numbers-02.jpg" alt=""></li>
       <li><img src="numbers-06.jpg" alt=""></li>
      </ul>
    </section>
    <footer>
    <p>&copy; Deborah Williamson.</p>
    </footer>
  </body>
</html>

13 Answers

Deborah Williamson
Deborah Williamson
2,997 Points
Deborah Williamson
Deborah Williamson
2,997 Points

I figured out the problem. Firefox wouldn't display the images. I switched to Opera and everything is working perfectly.

Andrew Shook
Andrew Shook
31,709 Points
Andrew Shook
Andrew Shook
31,709 Points

Deborah, are you keeping you images in the same directory as you html file or are you putting all your images in an image folder. If you have them in an image folder then your image's src should look something like this:

<img src="images/numbers-01.jpg" />
Deborah Williamson
Deborah Williamson
2,997 Points
Deborah Williamson
Deborah Williamson
2,997 Points

sigh. I tired your suggestion. It still wont work. All i see now are icons that look like shredded paper

Rostislav Kavan
Rostislav Kavan
6,818 Points
Rostislav Kavan
Rostislav Kavan
6,818 Points

Shredder paper icon means the source (src) to images is wrong.

Is your menu working properly?

Then, are your images situated in the root folder? Meaning, the same level as your index.html and the other two files.

Or are they in another folder?

Deborah Williamson
Deborah Williamson
2,997 Points
Deborah Williamson
Deborah Williamson
2,997 Points

Yes, they're in the root folder. I even tried moving one of the pictures to a new folder to see if it would make a difference and yet it still wont work

Rostislav Kavan
Rostislav Kavan
6,818 Points
Rostislav Kavan
Rostislav Kavan
6,818 Points

Something must be wrong with the naming then.

Do your actual image files contain capital case letters? Sometimes you might have .JPG instead of .jpg or maybe jpeg.

Deborah Williamson
Deborah Williamson
2,997 Points
Deborah Williamson
Deborah Williamson
2,997 Points

Are you talking about actual desktop folder? Because from what i can see none of them have .jpg/ .JPG/ .jpeg beside the names of the images

Rostislav Kavan
Rostislav Kavan
6,818 Points
Rostislav Kavan
Rostislav Kavan
6,818 Points

I am talking about the file names now. Just to be sure that the file name correctly matches the value in SRC attribute.

Deborah Williamson
Deborah Williamson
2,997 Points
Deborah Williamson
Deborah Williamson
2,997 Points

Ok...well... yes the image file names matches the value in the src attribute. both have lower case letters.

Rostislav Kavan
Rostislav Kavan
6,818 Points
Rostislav Kavan
Rostislav Kavan
6,818 Points

Well, then unfortunately i dont know how to identify your problem.

Your code is correct, except the missing alt values.

The problem you are describing is either caused by wrong placement or naming of the images.

Deborah Williamson
Deborah Williamson
2,997 Points
Deborah Williamson
Deborah Williamson
2,997 Points

Sigh. Thank you for your help anyway

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher
Nick Pettit
Nick Pettit
Treehouse Teacher

Hi Deborah Williamson,

Can you take a screenshot of what your Workspace looks like? If we can see the directory tree along with the code, it might help identify if there's a problem with the image paths. You can upload a screenshot to imgur.com or use Dropbox and then post the link here.

Thanks!

Deborah Williamson
Deborah Williamson
2,997 Points
Deborah Williamson
Deborah Williamson
2,997 Points

https://www.dropbox.com/lightbox/home