Image over Another image

Hello All,
How do i insert two images in single table, means what i am saying is i have two image, now i placed one image when i placed second image it will display right side of first image but i want display second image over the first image.



Thanks
HArshida

 

HTML:

<div class="first-image"><img src="second-image.jpg" width="250" height="250" alt="" /></div>

Code (markup):

CSS:

.first-image {background-image: url("first-image.jpg"); width: 250px; height: 250px;}

Code (markup):

..is the easiest way I can think of doing it. Remember to change the width and height to suit your needs. I guess you could also use CSS positioning / Z-index but for beginners it would be easier to use the above method. Let us know if you need any more help.

 

Go on the w3schools website and search "CSS Positioning" there is plenty that covers this subject.

 

You can use position:absolute in CSS to place one image on top of another.

 

I think you can use java script also for implementing this.But as long as it can be done with CSS, thats best.