[thesite] proposed CSS addition

[.jeff]

adrian,

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> From: aardvark
>
> table.data		{	border-top : 1px solid #000000 ;
> 				border-left : 1px solid #000000 ; }
> table.data > tr >th	{	border-right : 1px solid #000000 ;
> 				border-bottom : 1px solid #000000 ; }
> table.data > tr > td	{	border-right : 1px solid #000000 ;
> 				border-bottom : 1px solid #000000 ; }
>
> [snip]
>
> anyway, the '> tr > td' is *supposed* to ensure that only
> a table with a class of "data" has the style assigned to
> it, and then it also applies to only any <td>s that follow
> <tr>s that sit undernear the table with the class of "data"
>
> [snip[
>
> looks great in Opera 6, not perfect in IE5.5 or N6.2...
><><><><><><><><><><><><><><><><><><><><><><><><><><><><><

try this instead:

      table.data  {
        border-top: 1px solid #000000;
        border-right: 0px;
        border-bottom: 0px;
        border-left: 1px solid #000000;

      }

      table.data th {
        border-top: 0px;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 0px;
      }

      table.data td {
        border-top: 0px;
        border-right: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 0px;
      }

additionally, make sure to set "cellspacing" to 0 on the tables with the
class of "data" assigned to them.

thanks,

.jeff

http://evolt.org/
jeff at members.evolt.org
http://members.evolt.org/jeff/