Thomas Luethi: zwei verschiedene text-decorations

Beitrag lesen

Hallo,

Kleine Ergaenzung/Anmerkung:

  • 2 Sorten von Links:
        a = Navigationsleise
        b = normale Links
  • 2 verschiedene text-declarations:

a.navigation:hover {color:#xxxxxx; text-decoration:underline }
a.navigation:link { color:#yyyyyy; text-decoration:none }
a.navigation:visited { color:#zzzzzz; text-decoration:none}
a.navigation:active { color:#mmmmmm; text-decoration:none }

a.normal:hover {color:#nnnnnn; text-decoration:underline }
[u.s.w.]

Du kannst also auch für Links eigene CSS-Classen definiern, wird sogar vom 4.7 Netscape interpretiert.

IMHO viel sinnvoller waere es allerdings, die Links
in der Navigationsleiste durch Verschachtelung zu definieren.
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente
Dann muss man nicht in jeden einzelnen Link die Klasse reinschreiben.
Z.B. so:

HTML:
<p class="navigation">
  <a href="home.html">Home</a>
  <a href="impressum.html">Impressum</a>
  <!-- u.s.w. -->
</p>

CSS:
.navigation a:link { ... } u.s.w.

Die uebrigen, "normalen" Links sollte man einfach so (ohne Klasse)
definieren, sonst muss man ja in jeden "normalen" Link im HTML noch
eine Klasse reinschreiben, was unnoetige Arbeit bedeutet.

a:link { ... } u.s.w.

Zudem stimmt Deine Reihenfolge nicht. Richtig waere:
link, visited, hover, active
Siehe:  http://www.netandmore.de/faq/fom-serve/cache/1237.html

Gruesse,

Thomas