-----BEGIN PGP SIGNED MESSAGE-----
Hash: RIPEMD160
hi all,
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
- --
/"\
\ / ASCII Ribbon Campaign
X against HTML email, vCards
/ \ & micro$oft attachments
[GPG] OpenMacNews at gmail dot com
fingerprint: 50C9 1C46 2F8F DE42 2EDB D460 95F7 DDBD 3671 08C6
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.3 (Darwin)
iEYEAREDAAYFAkRg7GYACgkQlffdvTZxCMZBRQCeO7rT60JokPlvayOY0ef7nkW/
5+cAoIcYpn4PEmMNrhtR6Qn2fzb9RqGD
=hDO9
-----END PGP SIGNATURE-----
______________________________________________________________________
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/
