nicht angemeldet
Hallo!
Ich möchte in einem Webprojekt mithilfe von CSS die Links
in der Navigation anders formatieren als die im Fließtext,
und habe also versucht verschieden Klassen von Links zu
definieren. Meine css Datei sieht so aus:
--------------------------->
/*formatdefinitionen*/
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
{font-family:Arial,sans-serif; font-size:12pt; color:#993333; }
/*ein normaler link im fliesstext*/
a:link { font-size:12pt; text-decoration:none; font-weight:normal; color:#808080; }
a:hover { font-size:12pt; text-decoration:underline; font-weight:normal; color:#808080; }
a:active { font-size:12pt; text-decoration:underline; font-weight:normal; color:#808080; }
a:visited { font-size:12pt; text-decoration:none; font-weight:normal; color:#808080; }
/*ein link in der navigation oben*/
a.navigation:link {font-size:10pt; text-decoration:none; font-weight:normal; color:#808080;}
a.navigation:hover { font-size:10pt; text-decoration:underline; font-weight:normal; color:#808080; }
a.navigation:active { font-size:10pt; text-decoration:underline; font-weight:normal; color:#808080; }
a.navigation:visited { font-size:10pt; text-decoration:none; font-weight:normal; color:#808080; }
/*ein aktiver, also fetter link in der navigation*/
a.navigation_a:link {font-size:10pt; text-decoration:none; font-weight:bold; color:#808080;}
a.navigation_a:hover { font-size:10pt; text-decoration:underline; font-weight:bold; color:#808080; }
a.navigation_a:active { font-size:10pt; text-decoration:underline; font-weight:bold; color:#808080; }
a.navigation_a:visited { font-size:10pt; text-decoration:none; font-weight:bold; color:#808080; }
<----------------------------
Leider ist es jetzt so daß nur Mozilla die Sachen richtig interpretiert.
ie explorer 6.X. z.B. unterstreicht mir die Links nicht, stellt jedoch
die Navigationslinks entsprechend kleiner dar (10px) als die im Text.
Vielleicht liegt mein Fehler auch im Quelltext der Seite:
---------------------------->
<html>
<head>
<title>der propeller</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="formate.css">
</head>
<body bgcolor="#FFFFFF">
<table width="700" border="0" align="center">
<tr>
<td valign="top"><img src="titel.gif" width="234" height="48"><br>
<p style="font-size:80%; margin-top:1pt; margin-bottom:1pt">Ein Schubkraftgenerator - unterstützt Eigenantrieb!</p>
</td>
<td valign="top" align="right">
<a class="navigation" href="#">Aktuelles</a><br>
<a class="navigation" href="#">Datenbank</a><br>
<a class="navigation" href="#">Infopool</a><br>
<a class="navigation" href="#">Unispezifisches</a><br>
<a class="navigation" href="#">Forum</a><br>
<a class="navigation" href="#">Splashmap</a>
</td>
</tr>
<tr align="right">
<td colspan="2" height="2">
<hr noshade size="1" color="#808080">
| <a class="navigation_a" href="#">Praktikumsbericht</a> | <a class="navigation" href="#">Rechtliches</a> | <a class="navigation" href="#">FAQ</a> |
<hr noshade size="1" color="#808080">
</td>
</tr>
<tr>
<td colspan="2">Hier kommt ein Inhalt rein. Ist rote Schrift nicht flott?<br>
Irgendwie ist <a href="#">hier ein Link</a> einfach
geil...<br>
<br>
<br>
<br>
<br>
<hr noshade size="1" color="#808080">
</td>
</tr>
<tr>
<td colspan="2" align="right"><span style="font-size:80%; margin-top:1pt; margin-bottom:1pt">© 2004</span> | <a class="navigation" href="mailto:x">Kontakt</a></td>
</tr>
</table>
</body>
</html>
<--------------------------------------
Wer kann mir helfen???