OpenMacNews wrote: >my goal is simple. with html of, > > <div id="container"> > <div id="img1"> > <div id="img2"> > <div id="img3"> > </div></div></div></div> > >to layout three images on a line, equally spaced, centered on a page. > >the images are *each* width: Xpx; height: Ypx; > >container is >= 4 * Xpx in width. > > >i'd like to end up with, simply: > > -------------------------------------------------------------- > | | > | ---------- ----------- ----------- | > | (Apx) | image1 | (Bpx) | image 2 | (BPX) | image 3 | (Apx) | > | ---------- ----------- ----------- | > | | > -------------------------------------------------------------- > >the question is, which css positioning is most appropriate? > >i can see/do options with float, relative & absolute, games with padding >& margins, etc etc. > >none of which, at least how i'm implementing, are NOT 'clunky' ... > >atm, i've > > image 1: float left > image 2,3: float right > >with padding/margins used to position ... > >i'd RATHER simply specify > > "center the block of images on a line" > "separate the images by 10 px from each other" > >i think i'm over-thinking this :-/ > >clarity/comments/suggestions are all appreciated! > >cheers, > >richard > > Hi Richard, If it are just images without the need of a (link) list format, then it can be very simple, almost literally what you want. Testpage: http://home.tiscali.nl/developerscorner/css-discuss/test_3_images_in_row.htm
Or do you mean something else? Greetings, francky ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
