Philipp: IE zeigt CSS nicht richtig an

Moin!

Ich hab in meinen HTML-Seiten CSS verwendet. Die Datei heisst "links.css" und dort ist festgelegt wie links aussehen im Normalfall, bei Mouseover und als visited-Link.

Der IE zeigt die Links soweit korrekt an, wenn man mit der Maus drüberfährt, kommt ein Ober- und Unterstrich und die Farbe ändert sich. Wenn der Link jedoch besucht wurde (visited-Link), dann macht der IE gar nix mehr, wenn man mit der Maus drüberfährt.

Opera hat damit keine Probleme... weiss jemand woran es liegen könnte?

So sieht die Datei "links.css" aus:

a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000000}

a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: underline overline}

a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000 ; text-decoration: none}

Eingebunden ist die Datei mit dem Befehl:

<link rel="stylesheet" href="links.css" type="text/css">

  1. So sieht die Datei "links.css" aus:

    a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000000}

    a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: underline overline}

    a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000 ; text-decoration: none}

    Ich sehe gerade, daß a:link und a:visited gleich sind. Dann schreib' doch:

    a:link, a:visited { font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000 }

    Ich hab' das auf meiner Webseite (http://www.zockerseite.de.vu/) genauso gemacht und in meinem IE 6.0 funktioniert es auch ohne Fehler. Welche IE-Version hast du denn?

    1. a:link, a:visited { font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000 }

      Jo hab das jetzt zusammengefasst... es lag auch an der Reihenfolge, das was Orlando ansprach. Hab übrigens auch Version 6.0, aber jetzt klappts ;-)

      Grüsse
      Philipp

  2. Hi Philipp,

    die Reihenfolge ist falsch:

    a:link {...}
    a:hover {...}
    a:visited {...}

    Die Definition 'visited' überschreibt alle vorhergehenden.

    http://selfhtml/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
     http://selfhtml/html/verweise/definieren.htm#gestalten

    LG Orlando

    --
    SELF-TREFFEN 2002
    http://www.rtbg.de/selftreffen/
    http://www.megpalffy.org/temp/penneninhh.html

      1. jo super... es lag an der Reihenfolge, thx ;)