[Bookworm]

Alsoooo... Bei meiner Navi würde ich es gerne so machen, das die Hintergrund- und Schriftfarbe bei Hover wechselt. Ich weiß, dass das mit CSS geht, und habe es auf Seiten wie MuggleNet schon gesehen... Ich weiß jetzt nur nicht, wohin der Code muss... Bei meinem Layout werden mit Div-Containern drei Spalten erzeugt. Mit CSS kann ich ja für eine einzelne Spalte alles verändern, was die normale Schrift angeht. Jetzt weiß ich halt nur nicht, wo der Code für das Hover hinmuß (den habe ich mittlerweile gefunden)... Gruß Bookworm P.S. Ich habe es mit CSS4YOU schon probiert und bin nicht wirklich weiter gekommen (außer das ich jetzt den Quelltext habe)

[Ben]

Hi,
schau mal hier rein:
css4you, Workshop CSS: Teil 2 - Stylesheets in HTML einbinden

Du brauchst dann die Pseudoklasse :hover.
Dazu dann natürlich noch die Hintergrundfarbe und die Schriftfarbe.

Grüße Ben.

[Bookworm]

Das heißt, folgendes wäre zulässig? O.ô


#lmenu {width: 25%;
float: left;
a:hover{color:#fff000; background-color:#808080;}
}

Kann ich mir ehrlich gesagt nicht vorstellen...

[Corvin]

So:

#lmenu {
    width: 25%;
    float: left;
} 

#lmenu a:hover {
    color:#fff000; 
    background-color:#808080;
}

[Lars]

Besser so:

#lmenu:hover {
    color:#fff000; 
    background-color:#808080;
}

Dann ist der Kasten sofort "anders" sobald die maus drauf ist, nicht erst wenn sie auf dem Link ist.

[Bookworm]

danke leutz, des hab ich gsucht!

[robo47]

Zitat von Lars

Besser so:

#lmenu:hover {
    color:#fff000; 
    background-color:#808080;
}

Dann ist der Kasten sofort "anders" sobald die maus drauf ist, nicht erst wenn sie auf dem Link ist.

tut das auch im IE ? der kann :hover doch nur bei links oder ?

ansonsten eben die a's als display: block; und dementsprechend feste größe geben wie der box aussenrum

[Lars]

css4you zeigt mir beim IE ein "t" für teilweise, aber der Grund fehlt.

[Ben]

:hover geht im IE nur mit <a>.

[Lars]

Zitat von Ben

:hover geht im IE nur mit <a>.

Keh, das hab ich nicht gewusst.

Man könnte ja auch die DIVs weglassen und die <a>s als Blöcke darstellen. Dann kann man nämlich Höhe und Breite bestimmen.

#menu a
{
    display: block;
    width: 100px;
    height: 25px;
}

// Edit:
Post #200

[Bookworm]

Was denn nun?

[Ben]

Zitat von Bookworm

danke leutz, des hab ich gsucht!

Du hast doch etwas gefunden, was funktioniert. Also lass es doch einfach so.

Viele Wege führen nach Rom .

[Bookworm]

Ja schon, aber wenn der IE das jetzt nicht interpretieren kann, ist das auch Müll (ich hatte es noch nicht getestet, konnte aber am Code erkennen das es wohl das tut was ich will....)

[Ben]

Teste Corvins Code. Das sollte eigentlich klappen.

[Bookworm]

Ok,
aber Ben, irgendwie macht dei Forensoftware grade garnichts mehr mit. Ich kann keine Anhänge mehr machen, mein Thema wurde dreimal erstellt und die Buttons oben funktionieren auch nicht mehr...

[Jann Hendrik]

Zitat von Bookworm

Ok,
aber Ben, irgendwie macht dei Forensoftware grade garnichts mehr mit. Ich kann keine Anhänge mehr machen, mein Thema wurde dreimal erstellt und die Buttons oben funktionieren auch nicht mehr...

das passt gerade nicht hierher...
nutze dafür am besten den passenden thread. Schildere dort dein Problem so genau wie es geht. Ggf. kann dir geholfen werden.
So jedenfalls ist das Problem hier nicht nachvollziehbar!

[Bookworm]

Sorry.... Aber es funktioniert jetzt echt alles so, wie ich will (jetzt baue ich dann mal die Switchabfrage ein *g*...) //edit: Die Switchabfrage funktioniert sogar mehr als problemlos... Dafür will meine Navi mit display:block; nicht wirklich: entweder wird der Hover Effekt nicht auf die ganze Zeile angewendet oder es wird aufeinmal ein Umbruch eingefügt, wo keiner hinsoll. Guckts euch mal an: Hier klicken

PHP-Code:

/**
 *    Pseudos - V1.30.050121 - hover & active
 *    ---------------------------------------------
 *    Peterned - http://www.xs4all.nl/~peterned/
 *    (c) 2005 - Peter Nederlof
 *
 *    Credits  - Arnoud Berendsen 
 *             - Martin Reurings
 *             - Robert Hanson
 *
 *    howto: body { behavior:url("csshover.htc"); }
 *    ---------------------------------------------
 */ 


Hier ein Auszug aus einem das ich einmal bei einem Projekt eingesetzt habe, weil ein Klappmenü mit CSS ohne JavaScript erforderlich war. Funktioniert echt super.

Das Script macht eigentlich nichts anderes als das Verhalten des IE so zu verändern, dass auch z.B. <li> Tags mit hover verwendet werden können.

-- Fat Tony

[Bookworm]

Ich benutze aber keine LI Tags und es funktioniert im FF nicht...