Zmiana koloru tła i tekstu w CSS

Mam mały problem - chce w CSS zrobić coś taiego że jak najade kursorem na tabele to mi się kolor tła tabeli i tekstu w niej zawartego zmieni na inny. Próbowałem jakoś tak, ale nie działa:

td.menu {
background: <font color="red">#FFFFFF</span>;
font-size: 8pt;
font-family: arial;
text-decoration: none;
color: <font color="red">#31669D</span>;
font-weight: bold;
cursor:hand;
}

td.menu:hover {
background:<font color="red"> #CEDBEC</span>;
font-size: 8pt;
font-family: arial;
text-decoration: none;
color: <font color="red">#0000FF</span>;
font-weight: bold;
cursor:hand;
}

<font color="red">* te wartości mają się zmieniać</span>

Zmiana koloru td jest jakoś tak:

[code]

tekst

[/code]

I ja mam co do tego pytanie:

Jak zmienić więcej właściwości niż kolor - dokładnie chodzi mi o przypisanie właściwości z pliku żewnętrznego CSS?? (kolor, ramka, itp)

Dzieki za odpowiedź.

http://4programmers.net/Forum/viewtopic.php?id=47377

dwie ostatnie linijki treści ostatniego postu...

Nie do końca o to mi chodzi bo ja chce zmienić jednocześnie kolor tła i kolor tekstu po najechaniu na tabele. Ale i tak dzięki!

w zasadzie twoj kod powinuien dzialac tylko zamiast background daj background-color

Ale nie w tym rzecz bo hover tyczy się tylko do odnośników. A problem nie tkwi w zmianie samego koloru tła, albo zmianie samego koloru czcionki. Chodzi o to że jak najedziesz kursorem na pole tabeli to zmieni kolor czcionki i kolor tła w tabeli.

http://4programmers.net/Forum/viewtopic.php?id=47377
dwie ostatnie linijki treści ostatniego postu...

Przeczytałeś te dwie ostatnie linijki?? Tam było na temat 'zmiany klasy' elementu tabeli... Może wystarczy w różnych klasach dać różne czcionki?

No może i zadziała ale nie umiem połączyć zmiany koloru czcionki ze zmianą koloru tła :-(

Nie wiem gdzie tu wcisnąć zmiane koloru czcionki ;-|

Google:
http://www.webmasterworld.com/forum91/263.htm

className is not part of the style of an element.

Pełne rozwiązanie:

<style> td.menu { background: #FFFFFF; font-size: 8pt; font-family: arial; text-decoration: none; color: #31669D; font-weight: bold; cursor:hand; } td.menu_h { background: #CEDBEC; font-size: 8pt; font-family: arial; text-decoration: none; color: #0000FF; font-weight: bold; cursor:hand; } </style>

...

zxc

Dzięki Marooned!
To jest to i na dodatek działa [browar] !