css-menue / mouseOver

[hydrococcus]

bin gerade dabei ein menue mit css und layern zu bauen.
vorlage ist fogende seite:
geo
bisher funzt das auch ganz gut, nur hab ich ein problem.
der mouseOver-effect funktioniert bei mir nur bei der schrift,
weil die in ein <a>...</a> eingebettet ist.
wie bekomm ich es hin, das die maus schon in der tabellenzelle
auf den link reagiert.
leider bin ich in JS nicht so fit..

[TBT]

td:hover


funktioniert aber nur mit echten Browsern

[hydrococcus]

danke erst mal für die antwort.
mit echten browsern denke ich meinst du nicht den IE.
die seite sollte aber für die meißten benutzer so aussehen
wie ich das möchte, und der IE wird von den meißten genutzt.
aber vertiefen wir das nicht...

td:hover ist aber nur ne css eigenschaft, mit der ich farbe,
border usw. ändern kann.
ich will aber, das der tabellenzelle als link funktioniert.

[mrhappiness]

dann sorge dafür, dass der link per css ein blocklevel-element ist (display:block, wenn er dann noch die komplette breite der tabellenzelle abdeckt, hast du was du willst

[hydrococcus]

hab in meiner style.css geschrieben

a{display:block;} 

funktioniert aber nur in den haupt-menuepunkten. in den unterpunkten
klappts nicht mehr. mein meue besteht aus verschachtelten
layern die beim mouseover auf visibile gesetzt werden.

<div id="layer_3" style="position: absolute; right: 369px; top: 100px; 
width: 100px; height: 20px; visibility: visible" onMouseOver="this.lastChild.style.visibility='visible'"
onMouseOut ="this.lastChild.style.visibility='hidden'">

...

<div style="position: absolute; left: 10px; top: 20px; width:100px; height: 20px; visibility: hidden;">
<table width="100" height="20" cellpadding="5" cellspacing="5">
<tr>
        <td align="left" width="100" height="20" class="u_menue_leist"><a href="#" class="u_menue">&nbsp;webdesign</a></td>
      </tr>
<tr>
        <td align="left" width="100" height="20" class="u_menue_leist"><a href="#" class="u_menue">&nbsp;html</a></td>
      </tr>
<tr>
        <td align="left" width="100" height="20" class="u_menue_leist"><a href="#" class="u_menue">&nbsp;css</a></td>
      </tr>
<tr>
        <td align="left" width="100" height="20" class="u_menue_leist"><a href="#" class="u_menue">&nbsp;php</a></td>
      </tr>
<tr>
        <td align="left" width="100" height="20" class="u_menue_leist"><a href="#" class="u_menue">&nbsp;mysql</a></td>
      </tr>
</table>
</div>
</div> 

[hydrococcus]

hab als notlösung erst mal überall mehrere

  

eingefügt.