Hover Effekt

[BenschM@ster]

Hi,
ich hab mal wieder ein Hover Problem, nachdem ich die ganze Zeit schon gegoogelt hab und nix passendes gefunden hab.

Ich habe eine normale Klasse erstellt (.menue-titel).
Das ganze ergibt eine Art Box in welcher wiederum die Links sind. Diese Links haben ihre Hover-Effekte und machen keine Probleme.
Jedoch möchte ich, dass beim "befahren" des Kastens um die Links der Rahmen des Kastens, oder auch der Hintergrund, seine Farbe wechselt.

Ist das überhaupt möglich?

Danke für Hilfen,
Gruß
Bensch

 

[Martin Schaefer]

Hi Bensch,

erstaunlich, dass du nichts finden konntest.

Probier es mal mit folgender reichhaltiger Auswahl:

border-color:#666666;
border-top-color:#666666;
border-bottom-color:#666666;
border-left-color:#666666;
border-right-color:#666666;

background-color:#666666;

Gruß
lightbox

 

[BenschM@ster]

Sorry, da hast du mich nicht ganz richtig verstanden.
Das Problem sind nicht die Farben, sondern, dass sie erst bei Maus Hover sich ändern sollen.

Müsste also theorethisch irgendwie so aussehen:

.menue-titel {blablabla}
.menue-titel:hover {blablabla}

So geht es aber NICHT.

Gruß
Bensch

 

[nytemare]

/* alle werte wie width, color etc. deinen wünschen anpassen */

A.menue-titel {
width: 100px; /* der weite deiner box anpassen! */
border: 1px solid #ffff00;
font-family: Arial, Verdana, sans-serif;
font-size: 8pt;
text-decoration: none; }

A.menue-titel:link, A.menue-titel:active, A.menue-titel:visited {
border: 1px solid #ffff00;
background-color: #ff0000;
color: #000000;
text-decoration: none; }

A.menue-titel:hover {
border: 1px solid #ff0000;
background-color: #ffff00;
color: #ff0000;
text-decoration: none; }

das ganze gibt nur ein kleines problem mit Netspace/Mozilla, weil die beiden sich um eine width angabe bei ankertags nicht allzuviel scheren hehe

 

[BenschM@ster]

Funktionier so auch nicht.
In diesem Fall ist auch nur ein Kasten um jeden einzelnen Link und nicht um alle gemeinsam.

Ich vermute langsam, dass das so wie ich es möchte nicht mit CSS geht.

Gruß
Bensch

 

[Andreas Dunstheimer]

Du kannst das nur per JavaScript machen. Du musst Dazu eine Funktion erstellen (nennen wir sie hier einmal "rahmen_anzeigen()") und in dieser müssen dann die Funktionen für die Änderung der Rahmenfarbe stehen. (genaueres dazu unter SelfHTML -> JavaScript-Methoden)

Die Box (ich vermute mal, daß Du die per DIV-Tag erstellst) braucht dann noch den Zusatz "OnMouseOver=rahmen_anzeigen() OnMouseOut=rahmen_verstecken()" und schon müsste das funktionieren


Dunsti

 

[nautiLus`]

würd es so machen wie Dunsti sagte!

mfg