Ganze Tabelle als Button definieren?

[Tom Schmid]

Hi,

ich möchte, dass eine ganze Tabelle beim überfahren mit der Maus (hover) die Hintergrundfarbe ändert und einen farbigen Rahmen außen (nur außen) bekommt.
Wie kann ich das mit CSS realisieren?

Gruß
Tom

[Kai Lahmann]

hi

ich möchte, dass eine ganze Tabelle beim überfahren mit der Maus (hover) die Hintergrundfarbe ändert und einen farbigen Rahmen außen (nur außen) bekommt.
Wie kann ich das mit CSS realisieren?

#tableid:hover{border:1px solid red; background-color:green;}

<table id="tableid">
...so

haken: Das versteht nur Mozilla 1.x/Netscape 7

so isses kompatibler:

#tableid:hover,.tableidhover{border:1px solid red; background-color:green;}

<table id="tableid" onmouseover="this.className='tableidhover';" onmouseout="this.className='';">

..geht dann in Mozilla 1.x und Netscape 7 immer; sowie im MSIE, konqueror und Netscape 6 solange Javascript aktiviert ist.

Grüße aus Bleckede

Kai

[Tom]

Hi Kai,

danke für die schnelle Antwort!!
Hast du auch eine Lösung, die ganz ohne Javascript funktioniert? Das wäre wichtig.

Cu
Tom

[Kai Lahmann]

hi

Hast du auch eine Lösung, die ganz ohne Javascript funktioniert? Das wäre wichtig.

nur für Mozilla 1.x und Netscape 7 (eben das obere da).

Grüße aus Bleckede

Kai