CSS und Hover funzt nicht

[mike7000]

Hallo,

habe ein paar Links gesetzt für das Hauptmenü auf einer Homepage. Es soll nun aus einer CSS datei ein einfacher hover Effekt erfolgen. Der Link soll einfach die Farbe ändern bei darüberfahren. Geht aber leider nicht

Die Inhalt der Datei sieht so aus:

BODY {
    background-color: #999999; margin-top: 0px;
}

A.ersterlink:active {
    FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
A.ersterlink:hover {
    FONT-SIZE: 10px; COLOR: #cccccc; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.ersterlink:link {
    FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.ersterlink:visited {
    FONT-SIZE: 10x; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
TABLE.inhalt {
    BORDER-RIGHT: #333333 0px solid; BORDER-TOP: 0px; BORDER-LEFT: #666633 0px solid; BORDER-BOTTOM: 0px; font-color: #ffffff; TABLE-LAYOUT: fixed
}
A.zweiterlink:active {
    FONT-SIZE: 10px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
A.zweiterlink:hover {
    FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.zweiterlink:link {
    FONT-SIZE: 10px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.zweiterlink:visited {
    FONT-SIZE: 10x; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
TABLE.inhalt {
    BORDER-RIGHT: #333333 0px solid; BORDER-TOP: 0px; BORDER-LEFT: #666633 0px solid; BORDER-BOTTOM: 0px; font-color: #ffffff; TABLE-LAYOUT: fixed
}
A.dritterlink:active {
    FONT-SIZE: 11px; COLOR: #660066; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
A.dritterlink:hover {
    FONT-SIZE: 11px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.dritterlink:link {
    FONT-SIZE: 11px; COLOR: #660066; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A.dritterlink:visited {
    FONT-SIZE: 11x; COLOR: #660066; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
TABLE.inhalt {
    BORDER-RIGHT: #333333 0px solid; BORDER-TOP: 0px; BORDER-LEFT: #666633 0px solid; BORDER-BOTTOM: 0px; font-color: #ffffff; TABLE-LAYOUT: fixed
}

Hoffe auf baldige Hilfe

MFG

Mike

 

[Herr_D]

AW: CSS und Hover funzt nicht

Reihenfolge beachten

a:link { angaben }
a:visited { angaben }
a:hover { angaben }
a:active { angaben }

Du baust die Linkdefinitionen falsch auf...

 

[cebito]

AW: CSS und Hover funzt nicht

Hast du Klassen vergeben? So gehts:

a{
/* irgendwas für alle Links */
}
a:visited {
/* Änderung für visited */
}
.ersterlink a{
/* spezielles für den "ersterlink" */
}
.ersterlink a:hover{
/* Änderung bei hover für den "ersterlink" */
}
 /* usw... */

Ändere mal die Reihenfolge der Pseudoklassen... und dann gewöhn dir mal am besten gleich die Kleinschreibung an.

 

[mike7000]

AW: CSS und Hover funzt nicht

Hi,

super - Danke es geht

Schönen Abend

LG

Mike

 

[Herr_D]

AW: CSS und Hover funzt nicht

.ersterlink a:hover


ist aber das Selbe wie a.ersterlink:hover *klugscheiß*

 

[d0xId]

AW: CSS und Hover funzt nicht

noch ein verbesserungsvorschlag zu deinem css...alles das was gleich ist kanns du in a.ersterlink definieren nur die Unterschiede dann aufteilen..

Greats d0xid

 

[cebito]

AW: CSS und Hover funzt nicht

noch ein verbesserungsvorschlag zu deinem css...alles das was gleich ist kanns du in a.ersterlink definieren nur die Unterschiede dann aufteilen..

Greats d0xid

Und was steht da? Auch mal *klugscheiß*

a{
/* [COLOR=Red]irgendwas[/COLOR] für alle Links */
}
a:visited {
/* [COLOR=Red]Änderung[/COLOR] für visited */
}
.ersterlink a{
/* [COLOR=Red]spezielles[/COLOR] für den "ersterlink" */
}
.ersterlink a:hover{
/* [COLOR=Red]Änderung[/COLOR] bei hover für den "ersterlink" */
}
 /* usw... */