Blank Image on top layer

[n3o]

Can someone please help me out in creating a blank image on top of the layer ?

i'm not getting it right :no:

[applebooty]

o.O what? lol

[n3o]

i mean using the div ... how do you set the top images position: absolute same as the size of the bottom images ...

[Andrew2]

Well you can do the absolute positioning, just make 2 divs identical, make the location, width etc the same.. But change the z-index: on one of them to like z-index:9 and make the other (bottom one) z-index:8 or something. That will give you 2 divs, on top of each other.

[n3o]

i have tried out with this code but it's not working :(

<div style="z-index: 1; position: relative;">
<img src="myimage.gif">
<div style="z-index: 2; position: absolute; top:0; left:0;">
<img src="blank.gif">
</div></div>

[n3o]

i'm only having problem with the width and height ..

how do i set it to auto ..

[Andrew2]

percentages?

[applebooty]

Do you mean the actual images? How do you make the images line up properly? I'm really confused as to what you're asking.

[TaintedPearls]

show an example of what you are getting and it'll help us help you better.

[n3o]

this is what i did

<div class="showImages">
<div style="position: relative;">
<img border="0" src="my image.gif">
<div style="position: absolute; top: 0px; left: 0px; width: 500px; height: ;">
<img align="center" border="0" alt="Orkut Scraps" src="blank.gif" height="100" width="600"></a>
</div>
</div>

so far this is working but only the 100px height is covered ... i want to make it same as the images height and width