[thelist] onmouseover color change for <tr>
Mark Kennedy
mark at eurogamer.net
Sat Sep 8 15:48:54 CDT 2001
Hi David,
You don't need a class for the TDs. As I think the (completely
unrelated) previous post explains,
tr.classname td {
color: #ff0000;
}
would apply the style to all TDs that sit below the 'tr class="classname"' in
the document hierachy.
This is a very (VERY) useful feature that I spend many months writing style
sheets without knowing!
Regards
Mark
----------------------
Mark Kennedy
Eurogamer
On Sat, 8 Sep 2001, david braun wrote:
>[08.09.2001 - 19:45 Uhr]
>Mark Kennedy wrote:
>
>>
>> What I'd do if I wanted to make all of the cells in a row a certain colour,
>> would be:
>>
>> <tr class="monkeyface1">
>> <td>...</td>
>> ...
>> </tr>
>>
>> and then in my stylesheet put
>>
>> tr.monkeyface1 td {
>> background-color: #ff6600;
>> }
>>
>> If I wanted a rollover effect for the whole row, I'd make another class
>> (monkeyface2) and then change the class name of the tr for the rollover:
>>
>> onmouseover="this.className = 'monkeyface2'"
>>
>> Hope I'm not patronising anybody - I may have misunderstood the question.
>>
>> Regards
>>
>
> Mark
>
>If I interpret this right, the only thing missing here would then be a class-association of the <TD> in question:
>
><tr class="monkeyface1">
> <td class="nClass">...</td>
> ...
></tr>
>
> onmouseover="this.className = 'monkeyface2'; swaptheCell's-class()"
>
>you know...
>
>but I of course may be completely off-target.
>
>david
>
>---------------------------------------
>For unsubscribe and other options, including
>the Tip Harvester and archive of TheList go to:
>http://lists.evolt.org Workers of the Web, evolt !
>
More information about the thelist
mailing list