Ik wil dat als je met de muis over een tabelcel gaat de achtergrondkleur veranderd, ik heb dat als volgt mijn css-file gezet:

td.menu:hover{
	background-color: #444444;
}

In FF werkt dit gewoon goed, maar in IE niet, heeft iemand een oplossing?
Ja, natuurlijk kan dat, maar het is zeker niet netjes!!!
Ik zie dat je mijn oplossing gebruikt hebt. Werkt het goed nu?
Zie vorige posts van me, heb het inderdaad gebruikt, maar in eerste instantie werkte één cel maar, dus nu heb ik mijn css als volgt ingedeeld:
#menu{
	vertical-align: top;
	background-color: #ffffff;

}
#menu2{
	vertical-align: top;
	background-color: #ffffff;

}
#menu3{
	vertical-align: top;
	background-color: #ffffff;

}
#menu:hover{
	background-color: #cccccc;
}
#menu2:hover{
	background-color: #cccccc;
}
#menu3:hover{
	background-color: #cccccc;
}


Maar kan dit ook anders, want nu komt het nut van css niet echt tot zijn recht ;-)
Je doet het nu met een een id en die moeten uniek zijn, dus heb je er drie nodig. Ik zou een class gebruiken:


menu.rollover {
    background: #fff;
}

menu.rollover:hover {
    background: #ccc;
}
*schaam* klopt, helemaal niet aan gedacht, bedankt voor je hulp Jan!
*schaam* klopt, helemaal niet aan gedacht, bedankt voor je hulp Jan!
Okee, no prob :-)
Hallo,

als je de onderstaande code in het html bestand zet:

-------------
<table>
<tr><td class="tabelcel">Pagina 1</td> </tr><tr><td class="tabelcel">Pagina 2</td> </tr><tr><td class="tabelcel">Pagina 3</td> </tr></table>
-------------

en deze in het css bestand:

-------------
.tabelcel{ background-color: #ffffff;}
.tabelcel:hover{ background-color: #444444;}
-------------

Hoop dat het lukt
succes!
@ Joris: CSS lay-outs zou ik niet mixen met tabellen lay-outs. Als je voor CSS gaat, laat tabellen dan helemaal achterwege.
Hij werkt nu opeens niet meer in FF, ik snap er niets meer van!

Reageren