OT: a bit cheeky..

[Regan Heath]

On Thu, 8 Jun 2006 02:02:16 +0000 (UTC), Unknown W. Brackets  
<Unknown_member at pathlink.com> wrote:
> Oh, sorry.  I didn't realize you meant you were nesting them four  
> levels, etc.

Well.. I kinda implied only 2 levels initially. Don't you get the same  
problem with 2 levels as you do with 4? Both rules will be applied and the  
latter will override the former? (I haven't actually tested it..)

> In that case, I might have to recommend IE7, if you can't move to divs.  
> That
> should definitely handle it, even if for the penalty (which will go away  
> once MSIE 7 is released.)

I'll have a look at it. I'd never heard of it before now.

> You could put classes on the tds themselves, which would fix this  
> issue...

Yeah, that still seems overly heavy handed to me.. but then again it may  
be the only solution which actually works :(

We can conditionally output css data based on browser, except I'd like to  
avoid taking that step as some browsers (opera) often masquerade as others  
(like IE)..

> Sorry, there isn't a good solution to this problem for your usage after  
> all, that I know of.  Forgive me for misunderstanding.

No worries. I can't really complain about help freely given, can I. ;)

Regan

> In article <optasqjczv23k2f5 at nrage.netwin.co.nz>, Regan Heath says...
>>
>> 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.
>
>