---

Geschrieben von Romanticus am 18.04.2003 um 16:01:

  Zellenhintergrund mit CSS highlighten...

also ich kenne micht mit CSS fast nicht aus; da ich gerade erst begonnen hab es zu verwenden. Und da gibt es schon das erste problem - wie kriege ich es bei einem menupunk hin, dass sich der zellenhintergrund (menu in einer blinden tabelle) ändert wenn ich mit der maus drüberfahre? geht das mit reinem CSS oder muss ich JavaScript nehmen? onMouseOver() ist doch eigentlich eine JavaScript funktion... Falls jemand ein gutes TUT zu diesem thema kennt - linkt es mir bitte. also, des wars scho.

mfg Romanticus

---

Geschrieben von LX am 18.04.2003 um 16:29:



Gibt 2 Möglichkeiten, die du schon ansprachst. Einmal eine Lösung mit JavaScript, und eine mit reinem CSS. Für JavaScript müsste es folgender Abschnitt im TD-Tag tun:

onMouseOver="this.style.backgroundColor='#aabbcc'" onMouseOut="this.style.backgroundColor='#ccbbaa'"

(Hab's jetzt net getestet, müsste aber funktionieren.)

Der Nachteil bei der Sache: Du musst es in jeden einzelnen TD-Tag schreiben, und jeder der JavaScript deaktiviert hat, sieht nix davon.

Mit reinem CSS würde es beispielsweise so gehen: Du erstellst eine Klasse "menu", und definierst für diese:

.menu { background-color: #ccbbaa; }
.menu:hover { background-color: #aabbcc; }

Das gilt dann für alle <td class="menu">. Nachteil bei dieser Möglichkeit: Einige (ältere) Browser scheren sich einen Dreck darum. IE5.x beispielsweise erlaubte :hover nur für Links. Ich weiß nicht im Kopf, ob das in der 6er-Version mal auf die übrigen Elemente erweitert wurde.

---

Geschrieben von Romanticus am 20.04.2003 um 00:59:

 

danke vielmals )