intera cella cliccabile

[hfish]

ho una cella di una tabella in cui c'è un testo con un link.
vorrei che il link si riferisse all'intera cella, e non al solo testo. Per intenderci, la manina col dito propria del collegamento compare solo se sil cursore è posizionato sulla scritta, ma io vorrei che ciò fosse riferito all'intera cella

il codice è questo
<td>
Prova
</td>

grazie a chi mi aiuterà
bye

[Francis87]

Originariamente inviato da hfish
ho una cella di una tabella in cui c'è un testo con un link.
vorrei che il link si riferisse all'intera cella, e non al solo testo. Per intenderci, la manina col dito propria del collegamento compare solo se sil cursore è posizionato sulla scritta, ma io vorrei che ciò fosse riferito all'intera cella

il codice è questo
<td>
Prova
</td>

grazie a chi mi aiuterà
bye

<td style="cursor: hand" onClick="#">

[hfish]

Originariamente inviato da Francis87
<td style="cursor: hand" onClick="#">

thanks...

[antos]

oppure prova così:
< a href="..." style="display:block;">testo</a>

[hfish]

Originariamente inviato da antos
oppure prova così:
< a href="..." style="display:block;">testo</a>

adesso provo, perchè il codice di francis87 genera un errore...

[antos]

Originariamente inviato da hfish
adesso provo, perchè il codice di francis87 genera un errore...

[hfish]

altre soluzioni?
non riesco ad adattare la tua soluzione alle mie esigenze...

grazie cmq...

[antos]

xkè non va posta il codice

[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...

[antos]

scusa ma perchè non provi così:
a.cella{display:block;...}
a.cella:hoverv{...}
<td>
<a class="cella" href="#">
</a>
<td>
in questo modo l'intera cella è cliccabile il colore di sfondo che cambia è quello del tag a che occupa tutta la cella (visto che è display:block)