Archief - CSS: hyperlink decoration in tabel

mijn probleem is als volgt :

ik heb een tabel gemaakt die ik als menu wil gebruiken.Als je met de muis over een cel gaat,dan krijgt de achtergrond van die cel een witte kleur en verandert de tekst van wit naar blauw.
Maar als ik dan hyperlinks ervan maak,dan verandert de kleur naar de typische blauwe kleur voor een hyperlink.Verander ik die naar wit,dan heb ik het probleem dat als ik over de cel gaat,geen text zichtbaar is,enkel als ik recht over de text beweeg.

Hoe los ik dit op?

Kweet nu nie drek of da door alle browsers ondersteund wordt, maar op werk heb ik ene zien doen (ik haat tables)


td:hover {background-color: #ff000;}
td:hover a {color: #fff;}

't Zou sowieso evidenter zijn om in plaats van uw cel te hoveren een link te maken van die bepaalde grootte die gij wilt.

As in:

<table>
<tr>
<td><a href="#" title="hello!" class="menulink">Hello!</a></td>
</tr>
</table>

en dan bij uw opmaak:

td a.menulink {
color: #fff;
background: #000;
display: block;
height: 11px;
/* width: 20px; */
padding: 2px 5px 2px 5px;
}

td a.menulink:hover {
color: #fff;
background: green;
}

Hence wel dat als die tabel niet voor 'tabulaire' data dient (denk aan alles wat ge in excel zoudt zetten bijvoorbeeld), ge em eigenlijk niet zoudt 'mogen' gebruiken. Een website wordt opgebouwd doormiddel van divs.

Edit: :hover wordt trouwens niet ondersteund door IE6 op andere elementen dan op een link. Dus td:hover zou daar niet werken, a:hover wel.

Werk je met dreamweaver ?
Of gebruik je een template?

In ieder geval zoals hier al beschreven is kan je best een style schrijven voor je links.

momenteel gebruik ik een a:hover en een td:hover

ik heb het gedaan zoals bloodseaker voorstelde,en dat werkt perfect.bedankt!