colore tabella al passaggio del mause...

ciao,
avevo gia trovato un sistema del genere,ma era inJS ed ora nn ricordo,
cmq, esiste un modo tramite css di colorare alcune tabelle quando ci passi su con il mause? Grazie...

Sisi.. esiste. devi decidere se il css lo metti in linea (nei tag stessi) nella pagina (tra gli head) oppure in un foglio esterno (utile se la hai bisogno di ripetere quella tabella con quelle stesse caratteristiche su più pagine).
io ti scrivo quella per il foglio esterno, ma la puoi adattare amche in linea p nella pagina aggiungendo "style=tag:valore".

table.nomequalsiasi {
background-color: #valore esadecimale. esempio 000000 x il nero
}
table.nomequalsiasi(lostessodisopra):HOVER{
background-color:#valore esadecimale diverso da sopra. es 666666 è una tonalità di grigio
} 

Quando passi il mouse sulla tabella TUTTA LA TABELLA CAMBIA COLORE!
Se invece vuoi che cambia solo una colonna sostituisce TABLE. con TD.

questo è il foglio di stile. Ora per richiamarlo metti tra i tag head, meglio prima della chiusura </head> questo

<LINK rel="stylesheet" href="url foglio di stile" type="text/css" />

poi nella tabella che vuoi che cambi colore inserisci, se nel folgio di stile hai messo table, class="nome che hai scelto" nel tag table, oppure se hai messo TD, sempre con la stessa classe, ma nel tag TD

Grazie mille,mi serviva il codice...!!!
EDIT:con firefox funziona benissimo ma con IE no...

Con firefox funziona?? ma se lo testato per IE!!!! che problemi ti da??

[zulukwebsite]

un esempio di come faccio io

css:

.textBoldColor {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0a1b5c; FONT-FAMILY: Arial, Verdana,  Helvetica, sans-serif
}

.bgMouseOver {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(sfondocella1.gif); CURSOR: default; COLOR: #c00000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
.bgMouseOff {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

cella table:

<TD class=textBoldColor 
                                onmouseover="this.className='bgMouseOver';" 
                                style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 4px solid; BORDER-BOTTOM: #ffffff 1px solid" 
                                onmouseout="this.className='bgMouseOff';" 
                                vAlign=center width=260 height=25> 
                                mia parola </TD>

nella stessa cartella dove apro la pagina metto la gif sfondocella1

p.s. ovviamente il codice lo devi modificare a tuo piacimento io l'ho copiato da un mio lavoro ;)

faccio cosi:

td.menu {
background-color: #5da5b5;
border-collapse: collapse;
border: 1px solid #5da5b5;
color: #FFF;
text-decoration: none;
font-family: verdana;
font-size: 12px;
}
td.menu:HOVER{
background-color:#9fd0db;
border-collapse: collapse;
border: 1px solid #5da5b5;
color: #FFF;
text-decoration: none;
font-family: verdana;
font-size: 12px;
}

Jacki2 purtroppo non funziona con IE!! appena testato, con ie no ma cn firefox si. Forse si deve aggiungere qualche parametro solo per ie. lo cerco in giro

[zulukwebsite]

spe te la metto più essenziale la mia :

css:

 .bgMouseOver { BACKGROUND:#00FF33; 
}
.bgMouseOff { BACKGROUND: #FFFFFF;
	
}

cella:

<TD  class="cellaOver"
                                 onmouseover="this.className='bgMouseOver';" 
                                onmouseout="this.className='bgMouseOff';" 
                                vAlign=center width=260 height=25></TD>

PROVA COSì

Bhe ho risolto se si sta ad un compromesso... utilizzare un falso commegamento. Quindi

a.willy {
background-color: #666666;
}
a.willy:HOVER {
background-color: #ffcc33
}

e si richiama dove vuoi, pure nel table, con class="willy".
Così

<table class="willy">
<tr><td><a href"#">willyilcoyote</a></td></tr>
</table>

Provare per credere, magicamente cambia colore. Pardon i brutti colori, sono uno dei pochi che mi ricordo

EDIT x scoperta sensazionaleeeee!!!:
Ho trovato il codice su internet! lo copio tale e quale, kmq l'ho preso da qui http://www.webmasterpoint.org/appunti/dhtml/07.asp
head

<script language="JavaScript1.2">

function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

body

<table onMouseover="changeto(#66FF99')" onMouseout="changeback('white')" border=1>
<td>
Cella 1
</td>
<td>
Cella 2
</td>
<td>
Cella 3
</td>
<td>
Cella 3
</td>
</table>