Link-Verhalten

[Joerg]

Hallo und guten Abend,
ich habe folgende Frage:

Um Links auf meiner HP erkenntlich zu machen, habe ich im HEAD
jeder Seite folgende Eintraege:

<style type="text/css">
  a:link { text-decoration:none; color:#0099FF; }
  a:visited { text-decoration:none; color:#000000; }
  a:hover { text-decoration:none; color:#003399; }
</style>

Funktioniert perfekt.
Da ich aber CSS-Stylesheets benutze, macht es keinen Sinn, denn wenn
ich was aendern will, muss ich es auf jeder einzelnen Seite machen.

Ich habe nun das obige aus einer Seite geloescht und in der CSS-Datei folgendes stehen:

.link {
     text-decoration:none; color:#0099FF; }
     a:visited { text-decoration:none; color:#000000; }
     a:hover { text-decoration:none; color:#003399;
}

Das geht aber nicht, warum?
Koennte mir das bitte jemand so aendern, das es klappt??
Ich probier schon seit fast drei Tagen, es will nicht :-((

Danke, Joerg

[MudGuard]

Hi,

<style type="text/css">
  a:link { text-decoration:none; color:#0099FF; }
  a:visited { text-decoration:none; color:#000000; }
  a:hover { text-decoration:none; color:#003399; }
</style>
Ich habe nun das obige aus einer Seite geloescht und in der CSS-Datei folgendes stehen:
.link {
     text-decoration:none; color:#0099FF; }
     a:visited { text-decoration:none; color:#000000; }
     a:hover { text-decoration:none; color:#003399;
}

Und warum hast Du nicht einfach das in die CSS-Datei geschrieben, was Du im style-Element hattest?
Warum schreibst Du da etwas vollkommen anderes und vollkommen falsches rein?

cu,
Andreas

[Joerg]

Hi Andreas,

frag mich mal, keine Ahnung...

Ich bin CSS-Neuling und war der Meinung, das alles mit nem Punkt
oder # anfangen muss.

Vielen vielen Dank,

Joerg

[topfblume]

Moin ...

Wenn ich es richtig verstanden habe, möchtest Du die css-Befehle in einer seperaten Datei stehen haben und diese Datei dann in Deine Seiten einbinden.

Somit steht dann das in der seperaten Datei:

a:link { text-decoration:none; color:#0099FF; }
  a:visited { text-decoration:none; color:#000000; }
  a:hover { text-decoration:none; color:#003399; }

Die Datei muß die Endung .css haben  z.B (link.css)

Nun must Du auf Deiner html-Seite nur noch den Verweis zur link.css
in den Headbereich eintragen.

Gruß