IE zeigt CSS nicht richtig an
Philipp
- css
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">
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?
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
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
*räusper*
Meine Platte lässt du besser in Ruhe ;)
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
^^^^^^^^^^
http://selfhtml.teamone.de/html/verweise/definieren.htm#gestalten
^^^^^^^^^^
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
jo super... es lag an der Reihenfolge, thx ;)