Hintergrund färbung beim hover

rock · 13.06.2006, 14:49

Hallo zusammen ich habe eine Frage undzwar möchte ich, dass wenn man über einen link geht sich der Hintergrund verfärbt. Dieser Hintergrund ist 90px breit und 150px hoch.

Das ist der Code:

Code:

#menuepunkt1 {clear: left; width: 90px; height: 30px; background-color: #F3C3C3; border-right: #9A4948 1px solid; z-index: 1; position: fixed; padding-top: 120px; text-align: center; }
#menuepunkt1 a{letter-spacing: 2px; font-size: 10px; font-weight: bold; color: #000000; text-transform: lowercase; text-decoration: none;}
#menuepunkt1 a:hover{letter-spacing: 2px; font-size: 10px; font-weight: bold; color: #000000; text-transform: lowercase; text-decoration: none; background-color: #FF0000; padding-top: 120px; }

Im Anhang sind zwei Bilder wie es aussehen soll.

Das erste Bild ganz normal und das
2te nachdem man mit der Maus drüber war.

PS: lasst euch nicht von dem LINKTEXT irritieren

Adromir · 13.06.2006, 15:23

Also ich hoffe ich habe dich richtig verstanden:

Du hast einen Bereich a mit der Hintergrundfarbe b. Wenn man nun auf einen Link x geht, dann soll sich Farbe b in Farbe c ändern.

Sowas kriegt man nur mit Javascript hin, oder du definierst den gesamten Bereich als ein und den Selben link indem du dem a:element im Prinzip die Eigenschaften des bereiches gibt..

Mit Javascript sollte es so gehen (keine Gewähr, weil kein JSler):

Code:

<a href="deinlink" onmouseover="document.getElementById('Elementid').style.backgroundColor = "Hoverfarbe" onmouseout="document.getElementById('Elementid').style.backgroundColor = "Normalfarbe">Linktext</a>

Das Beispiel brauchst du nur individuell anpassen