what i want is 4 images that are all centre aligned across the page and
evenly spaced.
i'm not sure what i'm doing wrong but it only works in IE6.
i have a DIV that contains 4 DIVs that each contain an image:
<div class="logoRow">
<div class="logoCol"><img src="<%=
ResolveUrl("~/images/sponsor_logos/CIBC-WG.gif") %>" /></div>
<div class="logoCol"><img src="<%=
ResolveUrl("~/images/sponsor_logos/RioCan-logo.gif") %>" /></div>
<div class="logoCol"><img src="<%=
ResolveUrl("~/images/sponsor_logos/Trinity-logo.gif") %>" /></div>
<div class="logoCol"><img src="<%=
ResolveUrl("~/images/sponsor_logos/1717-logo.gif") %>" /></div>
</div>
.logoRow {
float: left;
width: 100%;
padding: 5px 0;
}
div.logoCol {
float: left;
width: 24%;
height: 100px;
text-align: center;
line-height: 100px;
font-size: 100px;
}
*>div.logoCol {
font-size: 12px;
}
div.logoCol img {
vertical-align: middle;
}
--
Vincent Pollard
http://www.ithinkx.co.uk
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
