General Newbie..trouble replacing images in template

Hi...I'm brand spanking new to this forum and pretty green as far as web design goes. I 'm puzzled that I cannot seem to change the generic .jpg files in the template to my own .jpg files. I've tried to add 'birth.jpg' as below (replacing photo1.jpg):

<h1>Photos</h1>
<div id="photos">
<a href="https://freewebsitetemplates.com"><img src="images/birth.jpg" alt="photo" /></a>
<a href="https://freewebsitetemplates.com"><img src="images/photo2.jpg" alt="photo" /></a>
<a href="https://freewebsitetemplates.com"><img src="images/photo3.jpg" alt="photo" /></a>
<a href="https://freewebsitetemplates.com"><img src="images/photo4.jpg" alt="photo" /></a>
</div>


and I have the birth.jpg image in the 'image' folder but it won't show on the page????
I'm obviously missing something very basic here.
Thanks for your help!!

 

well the file where ur calling the images are on the root direcotory or is it inside any other folder?

if not then try giving height and width to the image... it might help..

 

JD...birth.jpg is in the same folder entitled 'image', as photos2, 3 and 4 ...I've hardcoded a couple of sites but never came across this before. I haven't uploaded the site to my server yet.

 

I'll try the width and height thing and see if that helps...thanks.

 

I think I need to clarify better.

The Template came with an 'image' folder which contained photo1, photo2, photo3 and photo4 which all show up on the webpage. I transferred birth.jpg to the same folder. I changed the html file to replace 'photo1' to 'birth.jpg' but this image doesn't show on the webpage.
I then changed the name of 'birth.jpg' to 'photo1.jpg', changed the html back to 'photo1.jpg' and it still didn't show up.
I then changed the name of 'photo1.jpg' to 'birth.jpg' and again it didn't show up.
On the css stylesheet, I changed the bg image from the original on the template and it worked. Just not working in the content div in html doc.
Hope this makes the issue clearer.

 

hmmm... well can u chk wht style is written for id "photos"...

 

ooops ok tell me as u said

and you are using src="images/birth.jpg"

change images to image.

 

Thanks for your input jd....sorry but the folder name is 'images'.

here is the code.

<h1>Photos</h1>
<div id="photos">
<a href="https://freewebsitetemplates.com"><img src="images/photo1.jpg" alt="photo" /></a>
<a href="https://freewebsitetemplates.com"><img src="images/photo2.jpg" alt="photo" /></a>
<a href="https://freewebsitetemplates.com"><img src="images/photo3.jpg" alt="photo" /></a>
<a href="https://freewebsitetemplates.com"><img src="images/photo4.jpg" alt="photo" /></a>
</div>
</div>

The only reference in the stylesheet is:

#photos a{
margin-right:14px;
}

 

Resolved...once I uploaded to server it workd!!

 

Not working for me. I do not even have html code in the index page to edit and I cannot find a script included with the template where they are coded.