Hi there,
I'm creating a table that has alternating odd/even stylings. eg.
#nutritiontable tr.odd {background: #f9912e; color: #fff;}
#nutritiontable tr.even {background: #e67000; color: #fff;}
The catch is that the table has rounded corners so in the last row,
className = "bottom", I apply the following:
tr.bottom td.foodcolumn {background: url('img/nutri_chart_botleft.gif')
no-repeat bottom left;}
tr.bottom td.savingcolumn {background: url('img/nutri_chart_botright.gif')
no-repeat bottom right;}
which works fine in Firefox, but in IE6 the background colour from the
.odd/.even is reset. I've tried to set it to inherit but nothing seems to
work unless I hard code the colour into the .bottom elements which isn't
ideal because it's not known whether the .bottom row would be an .odd or
.even one (the number of entries might be variable).
Any suggestions on the best way to achieve this?
-mike
------------------------------------------------------------------------
Disclaimer
The information in this email and any attachments may contain legally
privileged, proprietary and confidential information that is intended for the
addressee(s) only. If you are not the intended recipient, you are hereby
notified that any disclosure, copying, distribution, retention or use of the
contents of this information is prohibited. When addressed to our clients or
vendors, any information contained in this e-mail or any attachments is subject
to the terms and conditions in any governing contract. If you have received
this e-mail in error, please immediately contact the sender and delete the
e-mail.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
