css-datei wird erst nach dem laden gelesen?
franky
- css
hallo,
ich habe eine seite in der auf eine style.css verwiesen wird. diese css-datei setzt das aussehen der links fest (diese sollen z.b. ohne unterstreichung zu sehen sein).
leider ist die seite immer erst mit der unterstreichung zu sehen und welchselt erst nach dem anklicken in das in der css-datei beschriebene aussehen.
was mache ich falsch bzw. was habe ich nicht verstanden?
dankbar für hilfe,
franky
style.css:
<style type="text/css">
a:link { TEXT-DECORATION: none }
a:hover { font-weight:bold; }
a:visited { text-decoration: none; color:black }
</style>
index.html:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>webseite</title>
<link rel=stylesheet href="style.css">
<style type="text/css">
a:link { TEXT-DECORATION: none }
a:hover { font-weight:bold; }
a:visited { text-decoration: none; color:black }
</style>
</head>
[...]
Hi,
was mache ich falsch bzw. was habe ich nicht verstanden?
style.css:
<style type="text/css">
Falsch ist: HTML-Elemente in CSS-Dateien unterzubringen.
Und wenn bei Dir die CSS-Datei erst merklich nach dem HTML-Dokument geladen wird, dann hast Du eine zu langsame Verbindung und/oder einen zu langsamen Server.
cu,
Andreas
Könnte dran liegen, dass deine Formate nicht in der Reihenfolge notiert sind, wie es sein sollte. Probiers mal so:
a:link { text-decoration: none }
a:visited { text-decoration: none; color:black }
a:hover { font-weight:bold; }
Falls du noch mehr Formate benutzen willst, ist diese Reihenfolge zu beachten:
a:link { }
a:visited { }
a:focus { }
a:hover { }
a:active { }
Außerdem wäre es günstig, nicht einmal Groß- und einmal Kleinschreibung zu benutzen, sondern durchgehend eins (kein).
Könnte dran liegen, dass deine Formate nicht in der Reihenfolge notiert sind, wie es sein sollte. Probiers mal so:
a:link { text-decoration: none }
a:visited { text-decoration: none; color:black }
a:hover { font-weight:bold; }
>
> Falls du noch mehr Formate benutzen willst, ist diese Reihenfolge zu beachten:
>
> ~~~css
a:link { }
> a:visited { }
> a:focus { }
> a:hover { }
> a:active { }
>
Außerdem wäre es günstig, nicht einmal Groß- und einmal Kleinschreibung zu benutzen, sondern durchgehend eins (kein).
werde ich ausprobieren und mich entsprechend melden.
schonmal danke,
franky