Christian Eyrich: Hover bei Bildlinks ausschalten

Tach Leute,

geradlinige Frage: Gibt es in CSS eine Möglichkeit, den Hover-Effekt (der global mit a:hover {background-color:#E3E3E3;} deklariert wurde) für Links die nur ein Bild (img) enthalten auszuschalten?
Sichtbar wird der spätestens, wenn ein margin: um das img gesetzt ist (Opera), beim Mozilla immer ein Pixel unterm Bild (Zusatzfrage, ist das erlaubt?).

a:hover img {background-color:#FFFFFF;}
funktioniert anscheinend deshalb nicht, weil background-color kein img sondern das a-Attribut ist.

Ciao,
Christian

  1. Ich nochmal,

    geradlinige Frage: Gibt es in CSS eine Möglichkeit, den Hover-Effekt (der global mit a:hover {background-color:#E3E3E3;} deklariert wurde) für Links die nur ein Bild (img) enthalten auszuschalten?

    Ja, es gibt die Möglichkeit, zwei Klassen für a:hover zu definieren und getrennt anzuwenden. Aber wenn's eleganter geht, möchte ich das vermeiden.

    Ciao,
    Christian

    1. Hi, Christian

      geradlinige Frage: Gibt es in CSS eine Möglichkeit, den Hover-Effekt (der global mit a:hover {background-color:#E3E3E3;} deklariert wurde) für Links die nur ein Bild (img) enthalten auszuschalten?

      Ja, gibt es auch Selektoren, allerdings sind diese noch mit Vorsicht zu genießen, weil sie nur unzureichend unterstützt werden.

      http://www.w3.org/TR/REC-CSS2/selector.html
      http://www.w3.org/TR/css3-selectors/#selectors

      Ja, es gibt die Möglichkeit, zwei Klassen für a:hover zu definieren und getrennt anzuwenden. Aber wenn's eleganter geht, möchte ich das vermeiden.

      Das wird sich wohl nicht vermeiden lassen.

      <style type="text/css">
      <!--
      a:hover {
       border: 5px solid #f00;
      }

      a.bild {
       border: 0;
      }
      -->
      </style>

      <a href="#" class="bild"><img ... /></a>

      LG Orlando

      --
      SELF-TREFFEN 2002
      http://www.rtbg.de/selftreffen/
      http://www.megpalffy.org/temp/penneninhh.html

      1. Tach Orlando,

        Ja, gibt es auch Selektoren, allerdings sind diese noch mit Vorsicht zu genießen, weil sie nur unzureichend unterstützt werden.

        http://www.w3.org/TR/REC-CSS2/selector.html
        http://www.w3.org/TR/css3-selectors/#selectors

        Hm, tut mir leid, bin ich wirklich durchgegangen. Damit kann man (ist ja auch schon in SelfHTML beschrieben) alle möglichen Elemente die Kinder von soundso sind und/oder dieses und jenes als Attribut haben aussuchen. Nur einen Befehl um ein Element das ein bestimmtes Element als _Kind_ hat zu selektieren, das habe ich nicht gefunden.

        Das wird sich wohl nicht vermeiden lassen.

        Ja, da hast Du dann wohl recht.
        Da mir jetzt auch auffiel, daß nur die a die ausschließlich ein img und keinen zusätzlichen Text umschließen auszufiltern das ganze wirklich extrem verkomplizieren würde, mach' ich's lieber doch manuel.

        Danke soweit,
        Christian