T-Bone: Schriftfarbe von Link ändern, wenn Cursor drüber geht

Wie kann man es machen, das ein Link die Schriftfarbe ändert, wenn man mit dem Cursor drüber geht?

Danke schonmal...

  1. Wie kann man es machen, das ein Link die Schriftfarbe ändert, wenn man mit dem Cursor drüber geht?

    Mit CSS:

    A:hover {color: #...}

    Danke schonmal...

    Gern geschehen.

    H²O

  2. Wieder mit CSS (siehe anderes Posting).

    Diesmal bindest du folgende Tags ein:

    A:link    {color: #FFE400; text-decoration: none; }
     A:active  {color: #FFFF00; text-decoration: none; }
     A:visited {color: #FFE400; text-decoration: none; }
     A:hover   {color: #AAAAAA; text-decoration: none; }

    die Farbangaben in den Klammern musst du ggf. noch ändern.
    "link" gilt für einen normalen Link, "active" ist ein Link, der gerade in Benutzung ist, "visited" ist ein schon besuchter Link und "hover" ist ein Link, der gerade berührt wird.

    Wie du CSS- Angaben einbindest erfährst du unter: http://selfhtml.teamone.de/css/formate/einbinden.htm

    Gruß

    Mastershrimp

    1. Jo, danke für die schnelle Antwort.

    2. A:link    {color: #FFE400; text-decoration: none; }
      A:active  {color: #FFFF00; text-decoration: none; }
      A:visited {color: #FFE400; text-decoration: none; }
      A:hover   {color: #AAAAAA; text-decoration: none; }

      Wobei obige Reihenfolge der Angaben evtl. nicht das gewuenschte Ergebnis erzielt. Siehe http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

      Gruesse, Alex.

      1. Wobei obige Reihenfolge der Angaben evtl. nicht das gewuenschte Ergebnis erzielt.

        Oh. Wusste ich gar nicht. Danke!
        Warum ist das so? Auf SelfHTML stand keine Begründung...

        Gruß

        Mastershrimp

        1. Hi Mastershrimp,

          Oh. Wusste ich gar nicht. Danke!
          Warum ist das so? Auf SelfHTML stand keine Begründung...

          Wie der Name (Cascading...) schon sagt, wird bei aufeinanderfolgenden Anweisungen immer die zuletztgenannte ausgeführt.
          Nachzulesen hier(ganz unten):
          http://faq.united-web.at/index.php?content=textlinks
          Die Erklärung in SELFHTML zum Thema ist etwas zu schwammig, ich habe deshalb auch schon einen Verbesserungsvorschlag eingesandt.
          Wird wohl bei der nächsten Version ev. berücksichtigt werden.

          Gruß

          Kurt

          --
          > Nein, ich beantworte keine Anfragen per e-mail.
          "Das Leben ist ein Spiel. Man macht keine groesseren Gewinne, ohne Verluste zu riskieren."  (Christine von Schweden; schw. Koenigin; 1626-1689)
          http://elektro-dunzinger.at
          http://shop.elektro-dunzinger.at
        2. hi,

          Wobei obige Reihenfolge der Angaben evtl. nicht das gewuenschte Ergebnis erzielt.

          Oh. Wusste ich gar nicht. Danke!
          Warum ist das so? Auf SelfHTML stand keine Begründung...

          weil bei definitionen von gleicher wertigkeit immer die zuletzt notierte gilt.

          :hover und :visited haben die gleiche wertigkeit - und deshalb hast du z.b. beim überfahren (hover) eine bereits besuchten (visited) links einen anderen effekt, je nachdem in welcher reihenfolge :hover- und :visited-definition notiert wurden.

          gruss,
          wahsaga