-----BEGIN PGP SIGNED MESSAGE-----
Hash: RIPEMD160
hi all,
just fyi. re:
>> 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.
with a bit of mucking about (many way to THIS mountain, it seems ...)
i've been able to get what i want need ...
fwiw:
changing one value, the row_container's overall width results in the
three images on one line, equally spaced, centered on the page.
and, they're <a> tag'd as well ...
cheers,
richard
html:
==================================================================
<div id="row_container">
<div id="image_container" class="site_img_sz pos-left">
<a href="#" title="image1" >
<div id="image1" class="site_img_sz"></div>
</a>
</div id="image_container">
<div id="image_container" class="site_img_sz pos-middle">
<a href="#" title="image2" >
<div id="image2" class="site_img_sz"></div>
</a>
</div id="image_container">
<div id="image_container" class="site_img_sz pos-right">
<a href="#" title="image3" >
<div id="image3" class="site_img_sz"></div>
</a>
</div id="image_container">
</div id="row_container">
==================================================================
css:
==================================================================
div#row_container {
width: 600px; // <-- images will be evenly distributed across
// this width
margin: auto;
background-repeat: no-repeat;
}
div#image_container {
width: 33.33%;
}
div#image1 {
margin: auto auto auto 0px;
background-image: url(image1);
;}
div#image2 {
margin: auto auto auto auto;
background-image: url(image2);
}
div#image3 {
margin: auto 0px auto auto;
background-image: url(image3);
}
.site_img_sz {
width: 180px;
height: 100px;
background-repeat: no-repeat;
}
.pos-left {
margin-left: 0%;
}
.pos-middle {
margin-left: 33.33%;
margin-top: -100px;
}
.pos-right {
margin-left: 66.66%;
margin-top: -100px;
}
==================================================================
- --
/"\
\ / 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)
iEYEAREDAAYFAkRhZTIACgkQlffdvTZxCMbnmACeLUjt2HSAGBQG20mlUqTgIcKt
1bYAoKl6n1RXofSfr6gaXwH+rk/af6Wy
=+NUL
-----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/
