nicht angemeldet
Dann bin ich mal nicht so und schreibe ein wenig ausführlicher...
-----------------------------------------
Variante 1 mit CSS im Head-Teil der HTML
(gekürzte CSS-Angaben)
<html>
<head>
<title>Beispiel</title>
<style type="text/css">
<!--
.navli a:link{
background-color:#000000;
background-image: url(../img/Rechteck000.png);
background-repeat: no-repeat;
}
.navli a:visited{
background-color:#000000;
background-image: url(../img/Rechteck666.png);
background-repeat: no-repeat;
}
.navli a:hover{
background-color:#000000;
background-image: url(../img/RechteckF90.png);
background-repeat: no-repeat;
}
-->
</style>
</head>
<body>
<p><a href="../index.html">Inhalt</a></p>
</body>
</html>
____________________________________________
Variante 2:
Eine Datei mit Namen "design.css" wird von mir in den Ordner "css" gespeichert.
Inhalt (einfach mit dem Editor eingefügt):
/* Normaler Link */
.navli a:link{
color:#000000;
background-image: url(../img/Rechteck000.png);
background-repeat: no-repeat;
}
/* Besuchter Link */
.navli a:visited{
color:#000000;
background-image: url(../img/Rechteck666.png);
background-repeat: no-repeat;
}
/* beim Mausüberfahren des Links */
.navli a:hover{
color:#000000;
background-image: url(../img/RechteckF90.png);
background-repeat: no-repeat;
}
Die Html habe ich jetzt in einem Nachbar-Ordner (z.B. "html" gespeichert)
im Kopfteil wird jetzt angezeigt, wo man die CSS-Datei finden kann.
<html>
<head>
<title>Beispiel</title>
<link rel="stylesheet" type="text/css" media="screen" href="../css/design.css"/>
</head>
<body>
<p><a href="../index.html">Inhalt</a></p>
</body>
</html>
Die Sachen gehörten aber zu den Grundlagen von CSS
und die solltest du dir mal zu Gemüte führen.