nicht angemeldet
A.c2{color:navy;text-decoration:none;font-family:arial narrow,arial;font-size:9pt;}
A.c2{color:navy;text-decoration:none;font-family:arial narrow,arial;font-size:12pt;}
A.c1:hover{color:red;text-decoration:none;}
A.c2:hover{color:blue;;text-decoration:none;}
Tja, was soll man dazu sagen:
* Du hast zwar Vordergrund, aber keine Hintergrundfarben definiert
* Du hast keine generischen Schriftfamilien als Alternative angegeben
* Du hast Font Names mit einem WhiteSpace nicht gequotet
* pt ist im Web ganz sicher keine geeignete Einheit
* ';;' führt sicher zu Problemen
Das alles hättest du leicht alleine herausfinden könnnen, mit Hilfe eines CSS Linters wie http://jigsaw.w3.org/css-validator/ und CSSCheckhttp://www.htmlhelp.com/tools/.
<p class="c1">
<a href="#">Link 1...</a>
</p><p class="c2">
<a href="#">Link 2...</a>
</p>
Du hast deine Classes für A definiert, setzt sie hier aber bei P ein. Das kann natürlich nicht funktionieren. Was du eigentlich willst ist:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css"><!--
A.c2 {
color: navy;
background: white;
text-decoration: none;
font-family: "arial narrow", Arial, sans-serif;
font-size: small;
}
A.c2 {
color: navy;
background: white;
text-decoration: none;
font-family: "arial narrow", Arial, sans-serif;
font-size: medium;
}
A.c1:hover {
color:red;
background: white;
}
A.c2:hover {
color:blue;
background: white;
}
--></style>
</head>
<body>
<p>
<a href="#" class=c1>Link 1...</a>
</p>
<p>
<a href="#" class=c2>Link 2...</a>
</p>
</body>
</html>
HTH