changing background color of <td> when hovering

[max]

Hi all

I don't succeed to change the background color in a <td> when hovering
over it with the mouse.
In this example
http://www.bep-zuerich.ch/test_td_hover.htm
the cell color of 'external' and 'internal' should change (not only the
color under the letters).

Can anybody help me? Thanks. Max.

 

[Ben C]

Hi all

I don't succeed to change the background color in a <td> when hovering
over it with the mouse.
In this example
http://www.bep-zuerich.ch/test_td_hover.htm
the cell color of 'external' and 'internal' should change (not only the
color under the letters).

Can anybody help me? Thanks. Max.

Your class names are "ext" and "int" in the HTML but "external" and
"internal" in the CSS.

 

[max]

Your class names are "ext" and "int" in the HTML but "external" and
"internal" in the CSS.

Thank you. I corrected it.
I should be able to change the cell background, too. But I don't
succeed.
Max.

 

[Jukka K. Korpela]

Scripsit max:

I don't succeed to change the background color in a <td> when hovering
over it with the mouse.
In this example
http://www.bep-zuerich.ch/test_td_hover.htm
the cell color of 'external' and 'internal' should change (not only
the color under the letters).

You aren't even trying to change the background of any cell (<td>), only the
background of some links (<a>) inside cells. Does this give a clue?

Setting
display: block; width: 100%; height: 100%;
for the links inside cells would probably do the trick you want.

But you shouldn't cell sizes in pixels. Do you really need to use a _table_
at all? You're not showing any real example, so this is just speculation.

 

[Nico Schuyt]

I don't succeed to change the background color in a <td> when hovering
over it with the mouse.

Maybe something like:
http://www.nicoschuyt.nl/test/hover-table-cell-link.htm

 

[max]

Scripsit max:


You aren't even trying to change the background of any cell (<td>), only the
background of some links (<a>) inside cells. Does this give a clue?

Setting
display: block; width: 100%; height: 100%;
for the links inside cells would probably do the trick you want.

But you shouldn't cell sizes in pixels. Do you really need to use a _table_
at all? You're not showing any real example, so this is just speculation.

thanks a lot. with your settings (display: block; width: 100% ...) it
worked.
about table: no, I don't need a table. I actually use <div>. your
settings work there, too.
but I have another problem there: the navigation with <div> workes well
now. I should, however, define links in the text in an other way than
links in the navigation. how can I do this? can I split the a:hover
into, say, a.normal:hover and a.navigation:hover? Here is my test file:
http://www.bep-zuerich.ch/test_div_hover.htm
and here is the website I really work with (test version):
http://www.bep-zuerich.ch/0_neu5.php
Thanks for any help. Max.

 

[max]

Maybe something like:
http://www.nicoschuyt.nl/test/hover-table-cell-link.htm

Thanks a lot. your suggestion works perfectly. the problem with the
navigation is solved. but a new problem arose. please see my answer to
the message above. can you help again?
thanks, max.

 

[dorayme]

Maybe something like:
http://www.nicoschuyt.nl/test/hover-table-cell-link.htm

But that is unethical, it only makes it seem the cell is changing
color. <g>

 

[Nico Schuyt]

But that is unethical, it only makes it seem the cell is changing
color. <g>

I confess; no support of tr/td hover in IE6 I wonder if IE7 does.