Uwe: Rote Linie bei einem Link...

Hallo,

ich möchte, dass ein link bei mouseover mit einer roten Linie unterstrichen wird und dunkelgrau hinterlegt wird. bis hierher bin ich gekommen:
<style>
a {text-decoration:none;}
a:hover {text-decoration:underline; background-color:#304046}
</style

Wie schaffe ich es, dass die Linie rot erscheint. Ich habe es schon mit underline-color versucht, klappt aber nicht.
Danke für eure Hilfe. (Bin noch Anfänger in Html)
Gruss
Uwe

  1. Hallo Uwe.

    <style>
    a {text-decoration:none;}
    a:hover {text-decoration:underline; background-color:#304046}
    </style

    Ist doch gut. Jetzt mußt du nur noch die Schriftfarbe bei a:hover mit rot definieren.

    MfG,
      Kristian

    1. Hallo Kristian,

      ich möchte ja nicht die Schrift in Rot haben (habe ich schon ausprobiert - klappt). Ich möchte ja nur, die Linie darunter in rot haben.
      Gruss
      Uwe

      Hallo Uwe.

      <style>
      a {text-decoration:none;}
      a:hover {text-decoration:underline; background-color:#304046}
      </style

      Ist doch gut. Jetzt mußt du nur noch die Schriftfarbe bei a:hover mit rot definieren.

      MfG,
        Kristian

      1. moin uwe,

        ich möchte ja nicht die Schrift in Rot haben (habe ich schon ausprobiert - klappt). Ich möchte ja nur, die Linie darunter in rot haben.

        dann solltes du es mit border-bottom: 1px solid #cc3300; probieren,
        was aber vermutlich nicht in allen browsern identische Resultate
        bringt. Probier etwas rum mit line-height etc.
        alternative kannst du auch mit
        padding-bottom: oder margin: experimentieren

        bye eddie

        1. Danke Eddie,

          hat geklappt mit border-bottom. Um es zu verstehen muss ich wohl noch ein bißchen lernen, auch das mit padding-bottom und margin... Werde mal hier bei self-html "wühlen". Vielelicht finde ich ja was.

          Gruss
          Uwe

          moin uwe,

          ich möchte ja nicht die Schrift in Rot haben (habe ich schon ausprobiert - klappt). Ich möchte ja nur, die Linie darunter in rot haben.

          dann solltes du es mit border-bottom: 1px solid #cc3300; probieren,
          was aber vermutlich nicht in allen browsern identische Resultate
          bringt. Probier etwas rum mit line-height etc.
          alternative kannst du auch mit
          padding-bottom: oder margin: experimentieren

          bye eddie

        2. hi

          bringt. Probier etwas rum mit line-height etc.
          alternative kannst du auch mit
          padding-bottom: oder margin: experimentieren

          das sollte nichts ändern, egal wie man die Werte setzt. <a> ist ein inline-Element, weshalb es keinen margin, padding oder line-height hat.

      2. Hallo Uwe.

        ich möchte ja nicht die Schrift in Rot haben (habe ich schon ausprobiert - klappt). Ich möchte ja nur, die Linie darunter in rot haben.

        Ich hätte wissen müssen, dass ich mal wieder am Problem vorbeigedacht habe.
        OK. Die Antwort hast du inzwischen.

        Gruss

        K.

        1. Hallo Kristian,

          ich möchte ja nicht die Schrift in Rot haben (habe ich schon ausprobiert - klappt). Ich möchte ja nur, die Linie darunter in rot haben.

          Ich hätte wissen müssen, dass ich mal wieder am Problem vorbeigedacht habe.
          OK. Die Antwort hast du inzwischen.

          In der 12 Klasse im Mathekurs musste ich zur allgemeinen Belustigung eine
          Differentialgleichung an der Tafel lösen. Zu meiner Überraschung lief es auch ganz
          gut und nachdem ich kurz drüber nachgedacht hatte, kam ich zu der Überzeugung,
          alles sei richtig und fühlte mich gut. Nachdem ich nun alles hingeschrieben hatte
          sagte der Lehrer alles gut und schön, aber wo ist der Fehler. Dicke Ratlosigkeit
          in meinem Gesicht, ein Blick in die Klasse, dort guckten alle auch verdutzt.
          Nirgendwo ist der Fehler, alles richtig sagte der Lehrer, nur ihr Selbstvertrauen
          lässt zu wünschen übrig. Danke setzen.

          Aus der Frage war das Problem nicht richtig zu erkennen, bestenfalls zu erraten.
          Der Fehler lag also nicht bei dir.

          aufbauende Grüße
          eddie

          1. Hallo eddie

            [tolles Beispiel]

            Hätte mir auch passieren können.

            Aus der Frage war das Problem nicht richtig zu erkennen, bestenfalls zu erraten.
            Der Fehler lag also nicht bei dir.

            Danke.

            aufbauende Grüße

            Danke nochmal. Es geht schon wieder. Mittlerweile will ich mich auch nicht mehr umbringen deswegen, da ich einsah, dass nicht ich an allem schuld bin. ,-)

            Kristian, aufgebaut