Ok this is what I tried ...
table.data {
border-collapse: collapse;
}
table.data th {
border: 1px solid #000000;
padding: 3px 3px 3px 3px;
}
table.data td {
border: 1px solid #000000;
padding: 3px 3px 3px 3px;
}
NS6.2 isn't happy tho .. I had originally tried it without any cellspacing
declaration within the table .. NS was adding a border around each
individual cell .. looked rather interesting actually .. but not what we'd
want. So, I put in cellspacing="0" and then it doubles the inside lines
(which is what I expected it to do). I reversed it back now ;)
The solution you proposed before seems to have more support.
Anyone else have any other ideas ?
btw, "composite border declaration" ?? What's that mean ?
Mich
| ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
| > The cellspacing *does* need to be set to "0" .. as Jeff
| > indicated ..
| ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
|| yup, otherwise you end up with some nasty gaps between ends of lines that
| should meet.
|| the alternative would be to add a border-collapse property to the table
| declaration with a value of collapse:
|| border-collapse: collapse;
|| doing this we could eliminate the border declarations for the table and do
a
| composite border declaration for th and td, yet end up with a data grid
with
| only single pixel borders between cells.
|| border: 1px solid #000000;
|| instead of setting border-right and border-bottom to 1px and border-top
and
| border-left to 0px.
|| ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
| > I added a cellpadding too, as it was too cramped for my
| > liking .. not sure if we can solve either of these via
| > CSS or not.
| ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
|| yes, i think we can solve it by using the padding property on the th and
td
| declarations.
|| padding: 3px 3px 3px 3px;
|