hover-link ist begrenzt

[akasa]

ich habe einen link in einer td und bei mouseover soll die ganze td zelle sich mit dem hintergrund füllen, das problem ist bei mouseover färbt sich nur der hintergrund des links un der rest bleibt weiss

 menu.html
<table width="800">    
<tr  width="100%">     
<td width="20%" class="top">
<a href="index.php"             title="Zurück zur Startseite"             class="top">.home</a>
</td>     
<td width="20%" class="top">
<a href="link.php?id=wir"       title="Informationen über Uns"             class="top">.wir</a>
</td>
</tr>   
</table>

style.css 
a.top:link { font-family: Arial; color: #3F3F3F; text-decoration: none; background-image:url(link.jpg);} 
a.top:visited { font-family: Arial; text-decoration: none; color:#3F3F3F; background-image:url(link.jpg);}  
a.top:hover { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}  
a.top:activ { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}  
a.top:focus { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}

also, an den bildern liegts net, das sind nur beispiele !

[c4]

Solltest Dir die style.css nochmal anschauen, da wird top nur für Links definiert... ;)

[akasa]

muss ich die selbe definition noch für die td zelle machen? ok,mal testen

hab jezz in den stylesheets noch

  
td.top{ font-family: Arial; text-decoration: none; color:#3F3F3F; background-image:url(link.jpg);}  
td.top:hover { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}

aber streikt immernoch

[c4]

Zitat von akasa

muss ich die selbe definition noch für die td zelle machen? ok,mal testen

Ja und/oder nein. Entweder Du lässt das a vor dem .top weg oder Du machst das Gleiche noch für td

[akasa]

re:
muss ich die selbe definition noch für die td zelle machen? ok,mal testen

hab jezz in den stylesheets noch

  
td.top{ font-family: Arial; text-decoration: none; color:#3F3F3F; background-image:url(link.jpg);}  
td.top:hover { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}

aber streikt immernoch

[c4]

Tja, also ohne mehr Quältext oder besser einem Link kann ich nix mehr zu sagen.

[xabbuh]

hover wird vom Internet Explorer nicht bzw. nur teilweise interpretiert. Das solltest du berücksichtigen. Wenn du es mit dem Internet Explorer auch sehen möchtest, musst du wohl auf JavaScript als Alternative zugreifen.

[akasa]

menu.html

<table width="800">    
 <tr  width="100%">     
  <td width="20%" class="top">
   <a href="index.php"             title="Zurück zur Startseite"             class="top">.home</a>
  </td>     
  <td width="20%" class="top">
   <a href="link.php?id=wir"       title="Informationen über Uns"             class="top">.wir</a></td>     
  <td width="20%" class="top">  
   <a href="link.php?id=produkte"  title="Informationen über unsere Produkte" class="top">.produkte</a></td>     
  <td width="20%" class="top">
   <a href="link.php?id=bestellen" title="Wie kann man bei euch bestellen?"   class="top">.bestellen</a></td>     
  <td width="20%" class="top"><a href="link.php?id=kontakt"   title="zur Kontaktseite"                   class="top">.kontakt</a>
  </td>    
 </tr>   
</table>

style.css

a.top:link {     font-family: Arial; color: #3F3F3F; text-decoration: none; background-image:url(link.jpg);}  
a.top:visited { font-family: Arial; text-decoration: none; color:#3F3F3F; background-image:url(link.jpg);}  
a.top:hover {  font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);} 
 a.top:activ {  font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}  
a.top:focus {  font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}     

td.top{          font-family: Arial; text-decoration: none; color:#3F3F3F; background-image:url(link.jpg);}  
td.top:hover { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}

so siehts aus

also , im opera zeigt er es halbrichtig an,wenn ich über das feld gehe, verfärbt sich die tabelle aber ich aknn den link net anklicken !

auf meiner homepage hat es aber auch so geklappt wie ich es eigentlich hatte
,dass wenn man neben dem link text ist,aber trotzdem der link makiert war!
siehe hier(links)

[c4]

Ach ja, stimmt!
:hover gehört ja eigentlich nur zu Links und sonst nix, ich vergaß.

Hatte das Problemchen doch selber mal auf meiner Website...

[akasa]

und was wollt ihr mir damit jezz sagen :-/