• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

CSS Eigenschaften für Links

Hallo!

Ich habe folgenden Code:

HTML:
<html>

    <head>
        <title></title>
    <style type="text/css">
    a:link {color:yellow;
    font-family:Arial;
    font-size:24px;
    text-decoration:none; }
    a:hover {color:black;}
    a:visited {color:yellow;}
    </style>
   
   
   
    </head>
    <body>
    <table style="background: url(pics/menu.png);"
    border="0" width="100%" height="90">
    <tr align="center">
    <td><a href="index.html" target="_top">Home</a></td>
    <td> <img src="pics/streifen.png" width="2" height="60"></td>
    <td><a href="taschenrechner.php" target="_top">Taschenrechner</a></td>
    <td><img src="pics/streifen.png" width="2" height="60"></td>
    <td> <a href="galerie.php" target="_top">Bildergalerie</a></td>
    </tr>
    </table>
   
    </body>
</html>

Ich habe erwartet, dass die Schrift wegen dem a:hover {color:black;} schwarz werden würde, wenn ich mit der Maus darüber fahre. Wird aber nicht. Dann habe ich auch mit a:active das Gleiche ausprobiert, damit die Schrift des Links zumindest beim Klicken mit der Maus schwarz wird, das funktioniert aber nur beim ersten Mal!

Das Problem ist, dass danach das gilt, was bei a:visited {...} steht und es wird beim Drüberfahren oder erneutem Klicken nicht mehr verändert, zumindest im Safari, Google Chrome und Opera. Wie löse ich das Problem?...

Gruss Arek
 
Werbung:
Werbung:
Zurück
Oben