nicht angemeldet
Klassen
Hallo zusammen. Nachdem ich ALLE Versionen zum Thema "verschiedene Linkfarben in einem Dokument" ausprobiert habe ( mit class=, id=, inline styles ) musste ich feststellen dass das was ich will scheinbar nicht geht :
-----------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
tr.navbar{
background-color: #000000;
color: #ffffff;
a:link{ color: #ffffff};
a:visited{ color: #ffffff};
}
a:link{ color: #666666};
a:visited{ color: #666666};
</style>
</head>
<body>
<h1>versuch</h1>
<table>
<tr class="navbar"><td>Blubber <a href="http://www.google.de">google</a></td></tr>
<tr><td>Ein anderer Link: <a href="http://www.teamone.de">Team One</a></td</tr>
</table>
</body>
</html>
-----------------------
Warum geht das nicht ? Also, alle Attribute werden gesetzt, ausser der Linkfarbe.
Ach ja, wenn ich den doctype ändere / weglasse geht's trotzdem nicht.
Gruss,
Wolfgang
-
Hallo Wolfgang,
tr.navbar{
background-color: #000000;
color: #ffffff;
a:link{ color: #ffffff};
a:visited{ color: #ffffff};
}schreibe statt dessen
tr.navbar{
background-color: #000000;
color: #ffffff
}
tr.navbar a:link{ color: #ffffff};
tr.navbar a:visited{ color: #ffffff};Viele Grüße
Frank-
Hallo Frank,
dein Vorschlag tut in IE und Konqueror, nicht jedoch im Mozilla ( moz. 1.5b en ). Dieser zeigt die Links immer in den Farben an, die man in den Moz. preferences eingestellt hat. Und ja, ich habe dem Moz. ausdrücklich erlaubt, die Farbdefinitionen der Webseiten zu übernehmen. Der schwarze Hintergrund und der weisse Text funktionieren auch, nur die Links haben halt immer noch dieses default-blau.
Gruss,
schreibe statt dessen
tr.navbar{
background-color: #000000;
color: #ffffff
}
tr.navbar a:link{ color: #ffffff};
tr.navbar a:visited{ color: #ffffff};-
Hallo Wolfgang,
dein Vorschlag tut in IE und Konqueror, nicht jedoch im Mozilla ( moz. 1.5b en ).
Ich habe hier im Moment nur den IE 6; kann also zu den anderen Browsern nix sagen. Spielt die Reihenfolge möglicherweise eine Rolle?
Viele Grüße
Frank-
Hallo Wolfgang,
Spielt die Reihenfolge möglicherweise eine Rolle?Ja. Wenn ich den Block:
tr.navbar{
background-color: #000000;
color: #ffffff
}
VOR die definitionen der Linkfarben stelle, stimmt alles ausser den Linkfarben.
Wenn ich diesen Block NACH die Definition der Linkfarben stelle, sind alle CSS Definitionen weg, d.h. der Tabellenhintergrund der Zeile mit der Klasse "navbar" ist nicht mehr schwarz, die Schrift nicht mehr weiss.Also :
<html>
<head>
<style type="text/css">
tr.navbar{
background-color: #000000;
color: #ffffff
}
tr.navbar a:link{ color: #ffffff};
tr.navbar a:visited{ color: #ffffff};a:link{ color: #666666};
a:visited{ color: #666666};
</style>
</head>
<body>
<h1>versuch</h1>
<table>
<tr class="navbar"><td>Blubber <a href="http://www.google.de">google</a></td></tr>
<tr><td>Ein anderer Link: <a href="http://www.teamone.de">Team One</a></td</tr>
</table>
Und noch ein <a href="http://www.slashdot.org">link</a><br>
</body>
</html>geht in IE & Konqueror, in Moz. sind ALLE Links default-blau.
<html>
<head>
<style type="text/css">tr.navbar a:link{ color: #ffffff};
tr.navbar a:visited{ color: #ffffff};
tr.navbar{
background-color: #000000;
color: #ffffff
}
a:link{ color: #666666};
a:visited{ color: #666666};
</style>
</head>
<body>
<h1>versuch</h1>
<table>
<tr class="navbar"><td>Blubber <a href="http://www.google.de">google</a></td></tr>
<tr><td>Ein anderer Link: <a href="http://www.teamone.de">Team One</a></td</tr>
</table>
Und noch ein <a href="http://www.slashdot.org">link</a><br>
</body>
</html>geht in IE und Konqueror, in Moz. sind alle CSS Eigenschaften weg, AUSSER dass der dritte Link jetzt die richtige Farbe hat.
Hat irgendwer noch Ideen ?
Gruss,
Wolfgang-
Hi,
Spielt die Reihenfolge möglicherweise eine Rolle?
du solltest aber die allg. definitionen _zuerst_ setzen (auch wenn die zuweisung innerhalb der klasse eigentlich spezieller ist und m.e. nicht übnerschrieben werden dürfte).
außerdem ist hiera:link{ color: #666666};
merkwürdig. das semikolon gehört in die klammer und #666 tut's übrigens auch.
freundliche Grüße
Ingo -
Hallo,
tr.navbar a:link{ color: #ffffff};
tr.navbar a:visited{ color: #ffffff};
tr.navbar{
background-color: #000000;
color: #ffffff
}
a:link{ color: #666666};
a:visited{ color: #666666};Hat irgendwer noch Ideen ?
Warum hast Du nicht _als_erstes_ den CSS-Validator um seine
Meinung gefragt?
http://jigsaw.w3.org/css-validator/Der haette Dir hoechstwahrscheinlich verraten, dass die
Semikola ";" nach den geschweiften Klammern "}" falsch sind...Mozilla ist korrekt, wenn er die falschen Anweisungen igoriert.
Gruesse,
Thomas
-
-
-
-