Image will not display in my web page

Please help, I am working my way through "Build your own website the right way using HTML & CSS. I have added an image to my webpage using the ‘img’ element but cannot get it to display on the page in my browser. The example used is taken from page 47 of the book (A circle of divers). The box and alt text displays without a problem (minus the image which is a jpg). I am using vista if this makes any difference and have tried clearing my cache, but this does not make any difference.

Hi Coco24, welcome to the forums,

When you look at the page’s view-source, you should see something like
<img src=“/folder/img.jpg” >

Make sure there’s a file at that location spelled exactly the same way - case matters - and that it’s not corrupt. i.e. it opens OK in an image app.

Thanks Mittineague,

I am not sure I understand though as I am still a novice at this. Do you mean enter the full path within the image element i.e. <img src="C:\Users\home\Documents\My Web\ etc?

The example given in the book reads <p><img src=“divers-circle.jpg” width=“200” height=“162” followed by the instruction save your file and everything will be good.

I have checked the image is not corrupt by opening it in my picture veiwer.

I’m guessing you mean this from the index.html file in chapter 2

      <h2>Welcome to our super-dooper Scuba site</h2>
        <img src="divers-circle.jpg" width="200" height="162" alt="A circle of divers practice their skills"/>

If so, the divers-circle.jpg file is in the same folder as the index.html file?

The actual mark up is this:-
<p><img src=“divers-circle.jpg” width=“200” height=“162”
alt=“A circle of divers practise their skills” /></p>

The image is saved in the same file as the Index.html file

Hmmmm. As long as it’s in the same folder, spelled exactly the same, and is not corrupt, the only other possible reason I can think of is permissions. That is, the file doesn’t have Read permission.

Yeh, I’m beginning to think along the same lines. I use IE 8 and think this could be part of the problem.