Hi, ich versuche gerade CSS zu lernen, und habe da ein kleines Problem, bei dem ich nicht weiß, was ich falsch mache:
Ich möchte für eine bestimmte Klasse von Links das Aussehen ändern, dazu habe ich einige Links als "listlink" deklariert und entsprechend formatiert:
[highlight=css]
.even {
list-style: square;
background-color: #FFFFFF;
}
.odd {
list-style: square;
background-color: #C0C0C0;
}
.listlink :link {
color:#0000FF;
text-decoration:none;
}
.listlink:visited {
color:#6F6FFF;
text-decoration:none;
}
.listlink:hover {
color:red;
}
.listlink:active {
color:red;
}
[/highlight]
(Sollte dafür sorgen, dass Links in einer Liste ohne den Unterstrich dargestellt werden, irgendwie stört der da optisch, erst recht wenn ich die Listeneinträge ja von der Hintergrundfarbe her alteriere.)
Die entsprechende Liste der Links sieht im HTML folgendermaßen aus:
Das mit den Farben übernimmt er korrekt, also scheint die Zuordnung des Elements zur Formatvorlage zu stimmen, und es ist auch kein grober Schnitzer drin, wie dass ich weiter oben eine schließende Klammer oder ein Semikolon vergessen haben könnte, trotzdem ist der Link aber weiterhin unterstrichen, seltsamerweise verschwindet der Unterstrich beim Hover, wenn ich dort zusätzlich zur Farbe auch ein text-decoration:none; eintrage.
Wieso wird die Anweisung der text-decoration beim :link und :visited ignoriert (und zwar sowohl von Firefox als auch von IE 10)?
Übrigens: wenn ich für alle Links die text-decoration auf none setze verschwindet der Unterstrich auch, aber das ist ja nicht das, was ich will, da ich sonst ja jeden anderen Link wieder in eine Klasse packen müsste, um den Unterstrich dort wieder darstellen zu lassen.
Gruß
Martin Dietz
Edit: Als ich den Text hier gesehen habe, ist mir aufgefallen, dass das :link durch Leerzeichen abgetrennt war, nachdem ich das korrigiert hatte, habe ich jetzt genau das gegenteilige Problem, die Links werden besucht und unbesucht jetzt zwar ohne Unterstrich dargestellt, beim Hover und Active aber auch. Wieso wirkt sich die Maßnahme, die ich für :link setze, auch auf die anderen Zustände aus?
Ich möchte für eine bestimmte Klasse von Links das Aussehen ändern, dazu habe ich einige Links als "listlink" deklariert und entsprechend formatiert:
[highlight=css]
.even {
list-style: square;
background-color: #FFFFFF;
}
.odd {
list-style: square;
background-color: #C0C0C0;
}
.listlink :link {
color:#0000FF;
text-decoration:none;
}
.listlink:visited {
color:#6F6FFF;
text-decoration:none;
}
.listlink:hover {
color:red;
}
.listlink:active {
color:red;
}
[/highlight]
(Sollte dafür sorgen, dass Links in einer Liste ohne den Unterstrich dargestellt werden, irgendwie stört der da optisch, erst recht wenn ich die Listeneinträge ja von der Hintergrundfarbe her alteriere.)
Die entsprechende Liste der Links sieht im HTML folgendermaßen aus:
HTML Code:
<ul> <li class="even"><a class="listlink" href="http://www.moviepilot.de/movies/interview-mit-einem-vampir">Interview mit einem Vampir</a></li> <li class="odd"><a class="listlink" href="http://www.zweitausendeins.de/filmlexikon/?sucheNach=titel&wert=1764">Highlander</a></li> <li class="even"><a class="listlink" href="http://www.moviemaze.de/filme/3306/clash-of-the-titans.html">Kampf der Titanen</a></li> <li class="odd"><a class="listlink" href="http://www.imdb.com/title/tt0104070/">Death becomes her - Der Tod steht ihr gut</a></li> </ul>
Wieso wird die Anweisung der text-decoration beim :link und :visited ignoriert (und zwar sowohl von Firefox als auch von IE 10)?
Übrigens: wenn ich für alle Links die text-decoration auf none setze verschwindet der Unterstrich auch, aber das ist ja nicht das, was ich will, da ich sonst ja jeden anderen Link wieder in eine Klasse packen müsste, um den Unterstrich dort wieder darstellen zu lassen.
Gruß
Martin Dietz
Edit: Als ich den Text hier gesehen habe, ist mir aufgefallen, dass das :link durch Leerzeichen abgetrennt war, nachdem ich das korrigiert hatte, habe ich jetzt genau das gegenteilige Problem, die Links werden besucht und unbesucht jetzt zwar ohne Unterstrich dargestellt, beim Hover und Active aber auch. Wieso wirkt sich die Maßnahme, die ich für :link setze, auch auf die anderen Zustände aus?
Comment