OT: a bit cheeky..

[Regan Heath]

On Wed, 07 Jun 2006 07:25:54 -0700, Unknown W. Brackets  
<unknown at simplemachines.org> wrote:
> Anyway, let me know if it works out :).

It doesn't work. The page in particular on which it's a problem goes:

<table class="invisible">
<tr>
	<th>..etc..</th>
</tr>
<tr>
	<td><table class="invisible">
	<tr>
		<td><table class="visible">
		<tr>
			<td><table class="invisible">
			<tr>
				<td>..A..</td>
			</tr>
			<tr>
				<td>..B..</td>
			</tr>
			</table></td>
		</tr>
		<tr>
			<td>..C..</td>
		</tr>
		</table></td>
	</tr>
	<tr>
		<td>..etc..</td>
	</tr>
	</table>
	</td>
</tr>

The CSS is:

table.invisible {
   background-color: none;
   border: none;
}
table.invisible td {
   background-color: none;
   border: none;
}

table.visible {
   background-color: silver;
   border: 2px outset silver;
   border-spacing: 1px;
}
table.visible td {
   border: 1px inset silver;
   padding: 2px;
}

I want borders around the table enclosing A and B and around C, but not  
around A and B individually.

The above CSS puts borders around A and B individually, if I reverse the  
order, placing the ".visible" rules before the ".invisible" ones I get no  
borders at all.

:(

Regan.