Stylesheets - Table cells?

Author

Table cells?

PhilG

2003-12-22, 1:29 pm

What I am trying to do under CSS is to create a mouseover effect with the
background and foreground changing within a table cell!

<table>
<tr><td><a href=whatever>This is where I want the mouseover to work
within this link</a>
</td></tr>
</table>

Any ideas guys/gals?

The reason I ask is that I would like steer away from javascript for that
type of mouseover and the effect that I have seen, in my opinion, looks
good!

Jukka K. Korpela

2003-12-22, 2:29 pm

"PhilG" <phil@aplusdesign.co.uk> wrote:

quote:

> What I am trying to do under CSS is to create a mouseover effect
> with the background and foreground changing within a table cell!

In principle, you could use td:hover, but few browsers (counted by
frequency of use) support that. Instead, since your td contains just a
link, specify the dimensions of the link so that is covers the entire
cell,
td: link, td: visited { display: block; width: 100%; height: 100%; }
and assign properties to :link:hover and :visited:hover.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Andrew Thompson

2003-12-23, 2:28 am

"PhilG" <phil@aplusdesign.co.uk> wrote in message
news:3fe724cb$0$11050$fa0fcedb@lovejoy.zen.co.uk...

quote:

> What I am trying to do under CSS is to create a mouseover effect with the
> background and foreground changing within a table cell!
>
> <table>
> <tr><td><a href=whatever>This is where I want the mouseover to work
> within this link</a>
> </td></tr>
> </table>

For the link itself use the a:hover pseudo-class,
but that will _not_ apply to the table cell.

Does that do what you want?

--
Andrew Thompson
* http://www.PhySci.org/ PhySci software suite
* http://www.1point1C.org/ 1.1C - Superluminal!
* http://www.AThompson.info/andrew/ personal site

PhilG

2003-12-23, 6:28 am

> > What I am trying to do under CSS is to create a mouseover effect with
the

quote:

>
> For the link itself use the a:hover pseudo-class,
> but that will _not_ apply to the table cell.
>
> Does that do what you want?

I basically would like the whole cell background to change color using the
a:hover pseudo-class, or maybe something similar!

quote:

> --
> Andrew Thompson
> * http://www.PhySci.org/ PhySci software suite
> * http://www.1point1C.org/ 1.1C - Superluminal!
> * http://www.AThompson.info/andrew/ personal site
>
>

PhilG

2003-12-23, 7:28 am

quote:

>
> In principle, you could use td:hover, but few browsers (counted by
> frequency of use) support that. Instead, since your td contains just a
> link, specify the dimensions of the link so that is covers the entire
> cell,
> td: link, td: visited { display: block; width: 100%; height: 100%; }
> and assign properties to :link:hover and :visited:hover.

Spot on, just what I was looking for! Thanx

quote:

> --
> Yucca, http://www.cs.tut.fi/~jkorpela/