Hallo,
ich möchte, dass die linie die ich definiert habe
.linie {border-top: 1px solid lightskyblue}
beim mouseover die farbe wechselt.
wie kann ich das in a:hover einhbinden, dass das fuktionoiert
Hier der Code:
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a { font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight:bold}
a:link, a:visited {color: #005f8c; text-decoration: underline;border-top: 1px solid lightskyblue}
a:hover, a:active {color: #deeffa; text-decoration: none;background-color:#ff9900;}
.linie {border-top: 1px solid lightskyblue}
</style>
</head>
<body bgcolor="#ffffff" leftmargin="20" topmargin="30" marginwidth="20" marginheight="30" scroll="auto">
<table border="0" width="90" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="aliceblue" class="linie"><a href="index.html">startseite</a></td>
</tr>
<tr>
<td><img src="blindgif.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td bgcolor="aliceblue" class="linie"><a href="seite1.html">link1</a></td>
</tr>
<tr>
<td><img src="blindgif.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td bgcolor="aliceblue" class="linie"e><a href="seite2.html">link2</a></td>
<tr>
<td><img src="blindgif.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td bgcolor="aliceblue" class="linie"><a href="seite3.html">link3</a></td>
</tr>
<tr>
<td><img src="blindgif.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td bgcolor="aliceblue" class="linie"><a href="seite4.html">link4</a></td>
</tr>
</table>
</body>
</html>