sottolineatura su rollover

[andreatab]

buongiorno,
ho questo menu':

<table width="130" border="0" align="center" cellpadding="0" cellspacing="0" onmouseover="this.style.backgroundColor='#DFDFDF'" onmouseout="this.style.backgroundColor='#FFFFFF'" class="bordomenu">
<tr>
<th class="Stile121" scope="col"><span class="Stile17">Superenalotto</span></th>
</tr>
</table>

il link diventa di colore solo quando con il mouse passa sopra il testo. come posso fare invece per dare il rollover su tutta la la tabella , anzichè solo al testo..

Grazie

Andrea

[Mich_]

Su tutta la tabella e` piuttosto complesso.

Se invece ti basta "su tutta la cella", la cosa e` semplice: basta rendere il link grande come la cella.
Ti basta definire nel CSS del link:

a {
  display: block;
  width: 100%;
  height: 100%;
}

PS1: questo codice prevede il link direttamente inserito nella cella: lo <span> complica il codice (non si puo` usare questo codice in presenza di quello span.

PS2: attenzione che gli attributi HTML di formattazione della tabella possono andare in conflitto con i CSS: ti conviene eliminare tutti gli attributi HTML di formattazione, e spostarli nel CSS.

PS3: la tabella non va usata per formattare: inserisce degli elementi semantici che non sono validi e rischia di compromettere la accessibilita` della pagina.

[andreatab]

molte grazie per i consigli a me moooooolto utili.

buona giornata.

Andrea.