mook: text-decoration underline bei links

Hallo,
ich habe folgenden CSS Code

a:link{
         color: #FFFFFF;
         text-decoration: none;
}
a:hover{
         color: #FFFFFF;
         text-decoration: underline;
}
a:active{
         color: #FF8040;
         text-decoration: none;
}
a:visited{
         color: #808080;
         text-decoration: none;
}

was ich damit erreichen moechte war, dass auch wenn ich mit der maus ueber 'visited' links gehe, dass der text 'underline' wird.
doch mit dem obigen code kommt nicht das gewuenschte ergebnis. nur bei den nocht nicht besuchten links wird bei hover zu underline, was auch richtig ist.
ich habe auch bei a:visited { text-decoration: underline; } gemacht, aber das bringt ja nichts, denn ich will nur, dass wenn die maus ueber diesen 'besuchten' seiten geht, die linktexte unterstrichen wird.
wie kann ich das so machen, dass auch bei den besuchten seiten der hover effekt mit text-decoration underline zu tragen kommt?

danke

  1. Hallo,

    a:link{
    a:hover{
    a:active{
    a:visited{

    falsche Reihenfolge: http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

    doch mit dem obigen code kommt nicht das gewuenschte ergebnis. nur bei den nocht nicht besuchten links wird bei hover zu underline, was auch richtig ist.

    klar - wenn der Link schon besucht war, überschreibt :visited den Wert von :hover

    Grüße aus Nürnberg
    Tobias

    --
    Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
  2. Hallo!

    ich habe folgenden CSS Code
    a:link{color: #FFFFFF;text-decoration: none;}
    a:hover{color: #FFFFFF;text-decoration: underline;}
    a:active{color: #FF8040;text-decoration: none;}
    a:visited{color: #808080;text-decoration: none;}

    was ich damit erreichen moechte war, dass auch wenn ich mit der maus ueber 'visited' links gehe, dass der text 'underline' wird.

    Bei mir funktioniert das wie gewünscht:
    a {text-decoration:none;color:#003366;}
    a:link { text-decoration:none;color:#003366;}
    a:visited { text-decoration:none;color:#003366;}
    a:hover { text-decoration:underline;color:#003366;}
    a:active { text-decoration:none;color:#003366;}

    Der Unterschied liegt in der Reihenfolge!

    Beste Grüße
    Viennamade