CSS mit verschidenen .a und .a hover

[werny]

Bitte diesen thread löschen!
Hat sich erledigt!
Danke

 

[dkdenz]

Mir ist nicht ganz klar was Du da machst, aber zum Rumprobieren versuch's mal hiermit:

.normal:link, .normal:active, .normal:hover, .normal:visited {
    font-family:Verdana;
    line-height:11pt;
    font-size:8pt;
    color:#fff;
    text-decoration:none; 
    font-weight: bold
}
.normal:hover {
    text-decoration:underline; 
}

Noch kürzer wäre:

.normal {
    font-family:Verdana;
    line-height:11pt;
    font-size:8pt;
    color:#fff;
    text-decoration:none; 
    font-weight: bold
}
.normal:hover {
    text-decoration:underline; 
}

 

[werny]

Bitte diesen thread löschen!
Hat sich erledigt!
Danke

 

[ein schlauer]

Wenn ich's richtig verstanden habe willst du sowas:

<a href="#">normaler Link</a>
<a class="small" href="#">kleiner Link</a>
a:link {...}
....
a.small:link {...}
...

 

[dkdenz]

na small soll halt ganz andere link- und hover-eigenschaften haben wie normal
Toll wäre wenn man jede einzelen action getrennt steuern könnte.

zb. normal link ist weiss und fett, bei hover wirds schwarz und unterstrichen
zb. normal small ist gelb und kursiv, be hover wirds orange und fett usw...

Bei Macs kommen da oft komische Effekte wenn man mit der maus über so einen Text fährt...

Siehe mein Beispiel.

.normal:link, .normal:active, .normal:hover, .normal:visited {
    font-family:Verdana;
    line-height:11pt;
    font-size:8pt;
    color:#fff;
    text-decoration:none; 
    font-weight: bold
}
.normal:hover {
    text-decoration:underline; 
}
.small:link, .small:active, .small:hover, .small:visited {
    font-family:Verdana;
    line-height:11pt;
    font-size:8pt;
    color:#fff;
    text-decoration:none; 
    font-weight: bold
}
.small:hover {
    text-decoration:underline; 
}

Die gewünschten Eigenschaften musst Du eben selbst einsetzen.
Und beim Mac (selbst unter Safari) gibt es keine komischen Effekte, wenn man's korrekt einbaut.