Link unterstreichen, bei Maus drauf schieben

[Maik1]

Ich hab schon auf so vielen Websites gesehen, dass es Links gibt, die unterstrichen werden, wenn man die Maus darüber schiebt. Ein Beispiel ist z.B. die Navigationsleiste hier im Forum (Kontrollzentrum, Regeln,...). Ich hab mir auch schon mal die Quelltexte angeschaut, verstehe die aber nicht. Gibt es hier jemanden der mir das mal erklären könnte?

 

[Mr. Snoot]

Am einfachsten mittels CSS: http://de.selfhtml.org/css/formate/zentrale.htm#pseudoformate


Folgende Angaben im Quelltext sind für Links zuständig:

a:link { color:#EE0000; text-decoration:none; font-weight:bold; }
a:visited { color:#EEAAAA; text-decoration:none; font-weight:bold; }
a:hover { color:#EE0000; text-decoration:none; background-color:#FFFF99; font-weight:bold; }
a:active { color:#0000EE; background-color:#FFFF99; font-weight:bold; }
a:focus { color:#00AA00; background-color:#FFFF77; font-weight:bold; }

a:link - normales Erscheinungsbild
a:visited - ein schonmal angeklickter Link
a:hover - Link beim Berühren mit der Maus
a:active - jetzt gerade angewählter Link
a:focus - mit der Tastatur angesteuerter Link

text-decoration ist dabei die Angabe für das Erscheinungsbild.
text-decoration:none bedeutet, dass der Link keine "Verzierung" erhält.
text-decoration:underline würde den Link beim Berühren z.B. unterstreichen
text-decorationverline würde ihn mit einem Überstrich versehen.