Cambio di colore su intera cella al passaggio del mouse

[peppeinoj]

Salve a tutti e buona Pasqua!!

vorrei creare questo effetto su una intera cella, che al passaggio del mouse cambia colore e inoltre l'intera cella è cliccabile per

collegamento a un link.

Premetto che sono alquanto "bianco" di linguaggio in generale...però se ho un codice e so dove inserirlo

smanettando poi so fare le dovute modifiche.

Questo è il codice della cella.

<div id="imCel0_15">
<p id="imCel0_15_Title"><span class="imInvisible">Tour prova</span></p>
<div id="imCel0_15_Cont">
    <div id="imObj0_15">
<p class="imAlign_left"><span class="ff3 fc0 fs10 ">Mezza giornata, Navigazione Stra - Oriago Stra e sosta per la visita di Villa Pisani; dopo la visita imbarco e illustrazione nel corso della navigazione delle varie Ville viste dal fiume; attraversamento della Chiusa di Dolo;<br /></span><span class="ff1 fc0 fs8 ">
<br /></span></p>
    </div>

[boschetti.mirko]

Ciaooo, dai un'occhiatina qui:
http://www.ilcacciatoredinuvole.it/celle_colorate/index.html
 

[peppeinoj]

Grazie tanto,

però rimane il problema del link dell' intera cella cliccabile.

Al passaggio del mouse cambia colore e l'intera cella deve essere cliccabile

[peppeinoj]

Comunque ho provato a inserire il codice nella cella

<td onmouseover="this.style.background='#FF0000'" onmouseout="this.style.background='transparent'">
Testo contenuto nella cella
</td>

e non mi funziona perche'?

[boschetti.mirko]

Prova questo:
<TABLE onMouseover="this.style.backgroundColor='#eeeeee'" onMouseout="this.style.backgroundColor='#333333'" BGCOLOR="#ffffff" BORDER="0" WIDTH="50%">
<TR><TD>
<font color=#ffffff>Al passaggio del mouse la tabella cambierà colore</font>
</TD></TR>
</TABLE>

[stesil]

Per cambiare il colore di sfondo al passaggio del mouse dovrebbe bastare questo css:

#imCel0_15:hover{
background-color: #FF0000;
}

Per il link ... la via più semplice sarebbe linkare tutto il testo contenuto nella cella direttamente da programma, ma forse non ho capito cosa vuoi ottenere.

[boschetti.mirko]

Esatto, io ho appena provato cosi e mi funzia:

[font=]<TABLE onMouseover=[/font][font=]"this.style.backgroundColor='#FF1493'"[/font][font=] onMouseout=[/font][font=]"this.style.backgroundColor='#333333'"[/font][font=] BGCOLOR=[/font][font=]"#ADFF2F"[/font][font=] BORDER=[/font][font=]"0"[/font][font=] WIDTH=[/font][font=]"50%"[/font][font=]>[/font]

[font=]<TR><TD>[/font]

[font=]<li><a href=[/font][font=]"http://www.google.it"[/font][font=]>[/font]testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo  </a></li>
[font=]<font color=#ffffff></font>[/font]

[font=]</TD></TR>[/font]

[font=]</TABLE>[/font]
[/size]

[peppeinoj]

Ok grazie mirko la tua soluzione funziona ora smanetto un po con i colori  per trovare la soluzione che fa al caso mio.