[thelist] simple css help

[Casey]

Okay Thanks- but this still does not have the desired effect on the td 
background color.  Try and execute the code I put in the first post so you 
can get an idea of what the total effect is.  Also, take a look at the site 
where you can see it in action.

When Loaded:
---------------
td bg color = #323E3E
link text color = #BEB778

On MouseOver TD:
----------------
td bg color = #BEB778
link text color = #323E3E

I appreciate your help!! I'll keep trying with what you have told me this 
far.



----- Original Message ----- 
From: "aardvark" <evolt at roselli.org>


> On 28 Oct 2005 at 11:24, Casey wrote:
>
>> Ok this should be an easy one.  I have a <td> in which i want to swap bg
>> colors and font colors on mouseover.  Everything works great until you 
>> try
>> to make the text in the td a link.
> [...]
>
> you need to not do the onmouseover events to change your styles...
> use CSS to affect the hover state...
>
> put an anchor in the cell, set it to display:block, and then add your
> styles to the .tdback a:hover... assuming you don't put an id on the
> entire table to make it an easier selection...
>
> <table id="LinkThing">
> <tr>
>  <td><a href="foo">Bar</a></td>
>  <td><a href="bar">Foo</a></td>
> </tr>
> </table>
>
> #LinkThing a
> { display: block;
> text-decoration: none; }
>
> #LinkThing a:hover
> { background-color: #323E3E;
> color: #BEB778; }
>
> add padding, margin, colors, borders, etc., to your heart's
> content...
>
> -- 
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !