koerschgen2001: linie mit a:hover ändern

Beitrag lesen

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>