Antworten auf deine Fragen:
Neues Thema erstellen

CSS und Hover funzt nicht

M

mike7000

Guest

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:mad:

Die Inhalt der Datei sieht so aus:


Code:
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
 
Zuletzt bearbeitet von einem Moderator:

Herr_D

offline

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

undefined

AW: CSS und Hover funzt nicht

Hast du Klassen vergeben? So gehts:
Code:
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.
 

d0xId

Nicht mehr ganz neu hier

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

undefined

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ß* :motz:

Code:
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... */
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.527
Neuestes Mitglied
Christian Eidelloth
Oben