Activer Link mit CSS

[aikon]

Hallo,

doofe Anfänger-Frage:
Ich hätte gerne ein Menü erstellt.
Wenn man mit der Maus drüberfährt wird die Schriftfarbe von schwarz auf weiss.
Pluss der active Link (active) soll immer fett und weiss sein.
Was stimmt da nicht?

Mein Menu sieht in etwa so aus:

Code: Alles auswählen

<a href="seite1.php" class="active">seite1</a> | <a href="seite1.php" class="toplink">seite2</a> | <a href="seite3.php" class="toplink">seite3</a> |

Hier meine css:

Code: Alles auswählen

a:link.toplink, a:visited.toplink{
  color:#000000;
  font: 100% Arial;
  font-size: 12px;
  text-decoration: none;
}

a:hover.toplink{
  color:#000000;
  font-weight:none;
}

a:active.toplink
{
color:#ffffff;
  font-weight:bold;
}

[sejuma]

http://www.ohne-css.gehts-gar.net/0016.php

[aikon]

Nein, ich brauche ein CSS, wo ich den aktiven Link immer evidenzieren kann.

Alle meine Links sollen horizontal mit hover-effekt angezeigt werden.
Wenn ich auf einen Link clicke, öffnet sich die Seite und der angelickte link ist dann "active" und sieht anders aus als die anderen.

Wie löse ich das?

[sejuma]

Code: Alles auswählen

.active
{
color:#ffffff;
  font-weight:bold;
}