Mehrere Link effekte pro Seite

Status
Nicht offen für weitere Antworten.
J

Janson

Grünschnabel
Hallo,

hab da ein problem mir den Links.
Würde gerne auf meiner Homepage mehrere Linkeffekte haben,
das heißt eigentlich nur andere Farben.

Funktioniert aber irgendwie nicht.
Mein CSS-Code sieht so aus:

BODY {
color: Black;
background-color: White;
font-family: Arial;
font-size: small;
text-align: left;
margin-top: 0px;
margin-left: 0px;
}
A {
color: Blue;
}
A:HOVER {
color: Blue;
}
A.navi:link {
color: Black;
}

Er macht irgendwie alle links blau.

Auch wenn ich einfüge:

<p><a href="#" class="navi">Hallo</a></p>

Geht irgendwie nicht.
Kann mir jemand helfen?

Komischerweise zeigt er es mir beim drüberfahren über den
link richtig an, also schwarz.
 
Zuletzt bearbeitet:
Hi,

so sollte es aussehen (als Beispiel):

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>linkfarbe</title>
<style>
body { color: black; background-color: white; font-family: arial; font-size: small; text-align: left; margin-top: 0px; margin-left: 0px; }

a:link { color: black; }
a:visited { color: black; }
a:hover { color: blue; }

a:link.a { color: violet; }
a:visited.a { color: violet; }
a:hover.a { color: orange; }

a:link.b { color: red; }
a:visited.b { color: red; }
a:hover.b { color: green; }
</style>
</head>

<body>
<a href="#">Hallo</a>
<p><a href="#" class="a">Hallo 2</a></p>
<p><a href="#" class="b">Hallo 3</a></p>
</body>

</html>


statt .a / .b kannst du auch irgendwelche Namen oder Zahlen vergeben.

Gruss
Harry
 
Das ist nicht ganz korrekt. Das CSS müsste so lauten:
Code: 
body { color: black; background-color: white; font-family: arial; font-size: small; text-align: left; margin: 0; margin: 0; }

a:link { color: black; }
a:visited { color: black; }
a:hover { color: blue; }

a.a:link { color: violet; }
a.a:visited { color: violet; }
a.a:hover { color: orange; }

a.b:link { color: red; }
a.b:visited { color: red; }
a.b:hover { color: green; }
 
Habe es auch schon so in meiner css datei,

er zeigt es mir auch in meinem editor an, aber bei der vorschau
ist es weg.

Meine HTML-Code sieht so aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<link href="" rel="stylesheet" type="text/css">
</head>
<body>
</body>
</html>

und meine css datei so:

BODY {
background-color: White;
font-family: Arial;
font-size: small;
text-align: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
}
A:LINK {
text-decoration: underline;
color: Black;
}
A:hover {
color: Black;
}
A.navi {
color: Blue;
}
A, A.navi:link {
color: Blue;
}

Irgendwie funktioniert es nicht.
 
Hi,

deine style.css-Adresse stimmt nicht oder kann nicht interpretiert werden. Gib mal die absolute Adresse an, ohne file:///

Gruss
Harry
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück