[thesite] proposed CSS addition

[Michele Foster]

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;
|