itebob: MouseHover und display:block; im Internet Explorer - funz-t nicht wie erwartet

Beitrag lesen

SELF-Forum

MouseHover und display:block; im Internet Explorer - funz-t nicht wie erwartet

itebob Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

in dieser Linkliste

<style type="text/css">
<!--

a:link     {
  font-family:verdana, arial, arial narrow, helvetica,sans-serif;
  background-color: #000080;
  color: #ffffff;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
white-space:nowrap;
display:block;
text-align: center;
vertical-align: top;}
a:hover  {
  background-color: #990033;
display:block;
}
-->
</style>
</head>
<body>

<table summary="" width="100%">
<tr>
      <tr>
       <td><a href="link1"   width="25%">Sitemap</a></td>
         <td><a href="link2"  width="25%">E-Mail</a></td>
         <td><a href="link3"   width="25%" >Suche</A></td>
         <td><a href="link4" width="25%">Impressum</a></td>
    </tr>
</tr>
</table>

wird im Internet Explorer  nur bei dem 'link1' das MouseHover-Ereignis  richtig, wie ich's mir wünsche, abgearbeitet. Das heißt der Mauszeiger wird zur Hand nicht nur, wenn man mit der Maus über die Linkbeschriftung, z.B. 'Sitemap' fährt, aber auch über eine beliebige Stelle der entsprechenden Zelle. Bei den restlichen Links wird der Menüpunkt erste anklickbar, wenn die maus die Linkbeschriftung berührt. Mit  Firefox, Mozilla und Netscape wird das MouseHover-Ereignis bei allen Links richtig bearbeitet.

Hat jemand eine Idee, wie man dem Internet Explorer beibringen kann, dass die  display:block;-Anweisung für alle Links gelten muß? Oder lässt sich vielleicht diese Funktionalität anders - aber ohne JavaScript und  solche <a href="">&nbsp;&nbsp;Suche&nbsp;&nbsp;</a> &nbsp;-Platzhalter im Quellcode realisieren?`

gruss

Gustav

Beitrag melden
–
Informationen zu den Bewertungsregeln