Monty wrote:
.rowbackgrnd {
background-color: #E4E4F2;
border-bottom: 1px solid Black;
border-left: 1px solid #E4E4F2;
border-right: 1px solid #E4E4F2;
border-top: 1px solid Black
}
It works for <td> tags but not <tr> tags. I've tried a number of
alternatives but I canlt seem to figure out what I'm doing wrong.
What browser(s) have you had trouble with? <tr> elements cannot
contain data; they can only contain <td> or <th> elements. IIRC, some
browsers fail to apply css properties to them because of that. I ran
into this not too long ago. My solution was to apply them to the td
element instead, e.g.,
..rowbackgrnd TD {
background-color: #E4E4F2;
border-bottom: 1px solid Black;
border-top: 1px solid Black
}
I applied the left and right borders to the table instead of td, since
that creates vertical borders inside the table, which you may not want.
table {
border-left: 1px solid #E4E4F2;
border-right: 1px solid #E4E4F2;
}
Note that this will only work if you have chosen border-collapse:
collapse. If you choose border-collapse:separate, there will be gaps
in the table borders and cells. :( Further problem: IE 5/Mac does
not support border-collapse property. Workaround: In the html, add
the attribute CELLSPACING="0" to the table start tag.
--
Brian
follow the directions in my address to email me