Homepapa Beispiele

Hyperlinks

2. Stylesheet-Angaben

Die Gestaltung der Links findet im Stylesheet statt. Das Stylesheet ist ein normales Textfile, das die Endung .css hat und mit der Webseite verknüpft ist.

Im Stylesheet machst du folgende Angaben:

1. wenn die Links in einem Bereich mit <div id="xxx"> stehen:

       #xxx a:link    { }
       #xxx a:visited { }
       #xxx a:hover   { }
       #xxx a:active  { }

2. wenn die Links mit einer Class versehen wurden wie z.B.
   <a class="ccc" href=...>:

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

Die genauere Beschreibung (Farben, Rahmen etc.) kommt dann zwischen die geschweiften Klammern.

Du kannst nun vier verschiedene Gestaltungen für deine Links angeben. In der Reihenfolge, wie sie da oben stehen (und diese Reihenfolge solltest du auch einhalten) gelten sie für

• jeden Link
• bereits besuchte Links
• einen Link, über dem der Mauszeiger schwebt
• einen Link, auf den gerade draufgeklickt wird

und diese Unterscheidung ist's ja, auf die du mit deiner Frage hinaus willst.