A. Zimmermann: Invertierte Links?

Hallo Leute,

mir ist da so ziemlich das seltsamste Problem beim M$IE (6) überhaupt
untergekommen: Bei einem ganz normalen Link wird (nur IE) nicht ge-
hovert, wenn der Pointer über den Text fährt, sondern genau verkehrt
herum, also wenn der Pointer über den nicht von Text im <a>-Element
belegten Raum fährt.
CSS:
#kopf{font-family:Arial; font-size:15px; font-weight:bold; color:#f0f0f0; }
#lkr,td { font-family:Arial; font-size:15px; font-weight:normal; color:#f0f0f0; }
a { font-family:Arial; font-size:15px; font-weight:normal; color:#f0f0f0;}
a:hover { color:ffffff}

HTML:
<td valign=top class="lkr">*<br>*<br>*<br><br>*<br><br>*<br><a href="mailto:*@*.de?subject=Ihre%20WebSite%20http://www.*.de&" title="Hier können Sie mir eine E-Mail senden.">info@*.de</a></td>

Kann da einer weiterhelfen?
Danke, Andreas

  1. Hallo,

    #lkr,td { font-family:Arial; font-size:15px; font-weight:normal; color:#f0f0f0; }

    <td valign=top class="lkr">*<br>*<br>*<br><br>*<br><br>*<br><a

    Zum Beispiel ist #lkr eine 'id' und keine 'class'.

    MfG

    André

    --
    ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
    http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
    1. Hallo,

      #lkr,td { font-family:Arial; font-size:15px; font-weight:normal; color:#f0f0f0; }

      <td valign=top class="lkr">*<br>*<br>*<br><br>*<br><br>*<br><a

      Zum Beispiel ist #lkr eine 'id' und keine 'class'.

      MfG

      André

      Hallo und danke, das stimmt, löst aber das Problem nicht.

      Andi

  2. Hallo,

    wie sieht es denn aus, wenn du

    a:link
    a:visited
    a:hover

    einzeln bestimmst?

    http://selfhtml.teamone.de/html/verweise/definieren.htm#gestalten

    MfG

    André

    --
    ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
    http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
    1. Hallo ebenso,

      habe ich gemacht, auch in der richtigen Reihenfolge.
      Es lag daran, dass ich im Wahn der darunterliegenden <tr>
      position:relative; top:-16px verliehen habe. Diese Kante lag dermaßen genau auf der x-Höhe, dass ich mich verblüffen ließ.
      Nichts desto trotz vielen Dank!

      Andi

  3. Hallo,

    Abgesehen vom Klasse/ID Fehler:
    Das ganze hat vielleicht auch mit Spezifitaet zu tun.

    Definiere mal alle Pseudoklassen separat.
    Und gib immer in der gleichen Regel beide Farben an,
    also Vorder- und Hintergrundfarbe.

    a:link { color: ...; background-color: ... }
    a:visited { color: ...; background-color: ... }
    a:focus { color: ...; background-color: ... }
    a:hover { color: ...; background-color: ... }
    a:active { color: ...; background-color: ... }

    Wegen Spezifitaet-Bugs ist es vielleicht notwendig,
    die Links, welche innerhalb von Elementen mit der
    Klasse "lkr" stehen, spezifisch zu definieren:

    .lkr a:link { color: ...; background-color: ... }
    .lkr a:visited { color: ...; background-color: ... }
    .lkr a:focus { color: ...; background-color: ... }
    .lkr a:hover { color: ...; background-color: ... }
    .lkr a:active { color: ...; background-color: ... }

    Gruesse,

    Thomas

    Spezifitaet in verschiedenen Versionen von CSS:
    http://www.tiptom.ch/tests/css/specificity.html