Sent by Gunlaug_Sørtun on 18 June 2006 06:06
Robert Lane wrote:
> I want to put two images (photos) into the main body of a 3 column
> layout that is done in CSS.
>
> I want one photo to appear in front of the other and with an offset
> from the other photo.
> www.tnrc.lane-consulting.com
Floating both images will work a lot more reliable across browser-land.
1: delete that extra div inside div#pics - not needed.
2: restyle the rest like this...
div#pics {float: left; width: 100%; height: auto; position: relative;}
#pic1, #pic2 {float: left; position: relative; display: inline; clear:
both; margin: 20px 0;}
#pic2 {margin: -200px 0 20px 100px;}
h3#addl {padding-top: 0;}
Adjust those margins on #pic1 and #pic2 to taste, and you'll get the
degree of overlapping you want.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
