I've never tried to stretch images in the way you describe so I won't
comment on that (tho' I wouldn't give much for your chances of it looking
good!).
To overlap 2 images, I'd do this:
Create a "container" div with positioning set to "relative" but with no
offsets given. This has the effect of calculating "absolute" positioning
(which I'd use for the images) from the position of this div. Otherwise
it'll be calculated from the <body> tag.
Then I'd simply add CSS ids to the <img> tags and position them absolutely
with offsets for left and top (right and bottom are inconsistently rendered
by browsers). Wrap them in their own divs (absolutely positioned) if you
wish.
You could also use relative positioning on one of the images to move it, but
space will be allocated for it in its "normal" place, so you may find a
"hole" where you'd have wanted other elements to appear.
--
####################
## PH, London
####################
"Mitch" <mh********@adelphia.net> wrote in message
news:11********************@f14g2000cwb.googlegrou ps.com...
I have 2 rectangle images. 1 with a box in the upper left corner and
the other with a box in the lower right hand corner. Both images are
the same size.
I would like to display these 2 images so that it looks like 1 image by
overlapping them using css.
I have tried creating a seperate div for each image and setting the
top/left the same on both and changing the layer on each. This only
made the 2nd one display directly below the first image.
I would also like for the combined image to stretch to the width of the
screen and stretch the height porportionally to the width.
Is this possible? Please help. Thanks!
