intera cella cliccabile

[hfish]

Originariamente inviato da antos
xkè non va posta il codice

dunque... il codice della pagina è

<table width="105" cellpadding="0" cellspacing="0" id="Rollover_sinistra">
<tr><td class="normale" align="right">
Storia :.
</td></tr>
<tr><td class="normale" align="right">
storia :.
</td></tr>
<tr><td class="normale" align="right">
Storia :.
</td></tr>
<tr><td class="normale" align="right">
Storia :.
</td></tr>
<tr><td class="normale" align="right">
Storia :.
</td></tr>
</table>

<script>
function rollon() {
  if (window.event.srcElement.className == "normale") {
     window.event.srcElement.className = "selezionato";
  }
} 
  
Rollover_sinistra.onmouseover = rollon;
  
function rolloff() {
  if (window.event.srcElement.className == "selezionato") {
     window.event.srcElement.className = "normale";
  }
} 
  
Rollover_sinistra.onmouseout = rolloff;
</script> 

poi ho un file css con il codice

.normale { 
    font-family: Verdana;
    font-size: 12px; 
    background-color: #29427B; 
    color: #99CCFF; 
    border-bottom: #000000 1px solid; 
    border-left: #99CCFF 1px solid; 
    border-right: #000000 1px solid; 
    border-top: #99CCFF 1px solid;
    display: block;
    text-decoration: none;
}

.selezionato { 
    font-family: Verdana;
    font-style: italic;
    font-size: 12px; 
    background-color: #006699; 
    color: #99CCFF; 
    border-bottom: #000000 1px solid; 
    border-left: #99CCFF 1px solid; 
    border-right: #000000 1px solid; 
    border-top: #99CCFF 1px solid;
    display: block;
    text-decoration: none;
} 

il mio obiettivo è che l'intera cella cambi colore al passaggio del mouse, e ci riesco. però mi serve anche l'intera cella sia cliccabile e cambi contemporaneamente colore. al massimo riesco ad ottenere che solo il link sia cliccabile e che la cella cambi colore...