"rollover" su tabella..

[Nicolablu]

io ho questa td

.tdmaggiore {border-bottom: solid 1px #777777; background-color: #777777 }


vorrei che quando il mouse ci finisce sopra cambiasse il colore dello sfondo è possibile ?

come ? volendo si puo' far cambiare con il mouse over anche il colore del testo ?

[pierofix]

Allora, con i CSS è ovviamente possibile: ogni elemento può avere uno stato di hover (a parte ovviamente le metainformazioni contenute nella head del documento).

.tdmaggiore:hover {
   background-color:#fff;
   color:red;
}

Ovviamente, questo effetto è riconosciuto dai browser seri che seguono gli standard e stanno al passo con i tempi. Mi riferisco, ad esempio, a Firefox, Opera, Netscape, Mozilla, Safari e affini. Ma indovina un po'... IE non rientra nell'elenco dei browser seri, e quindi non gestisce l'hover se non per i link. :rollo:

[Sky]

Originariamente inviato da pierofix
Allora, con i CSS è ovviamente possibile: ogni elemento può avere uno stato di hover (a parte ovviamente le metainformazioni contenute nella head del documento).

.tdmaggiore:hover {
   background-color:#fff;
   color:red;
}

Ovviamente, questo effetto è riconosciuto dai browser seri che seguono gli standard e stanno al passo con i tempi. Mi riferisco, ad esempio, a Firefox, Opera, Netscape, Mozilla, Safari e affini. Ma indovina un po'... IE non rientra nell'elenco dei browser seri, e quindi non gestisce l'hover se non per i link. :nonlodire :rollo:

:ciauz:

Verissimo (purtroppo, sigh), ma per ovviare al problema è possibile usare javascript :)
Dai un'occhiata qui: http://pro.html.it/articoli/id_465/i...pag_1/pag.html

[Nicolablu]

lol pazzesco VVoVe: fino ad ora non mi era pesato sullo stomaco sto ie .. ora inizia a rompere !

[Nicolablu]

altra piccola domanda .. supponiamo che io abbia 200 tabelle con class="tdmaggiore" supponiamo che su 80 voglia l'hover e su 120 no ... devo fare 2 tipi di dichiarazione tipo tdmaggiore1 e tdmaggiore2 oppure c'è un modo che mi consenta di attivare o disattivare gli stati di hover a mio piacimento ? "
ciaus e grasie ^^


p.s.: in pratica farei prima a creare 2 tipi di tabella che differiscono per l'hover in una e nient'altro nell'altra .. ma è un curiosità :maLOL:

[haZe]

Metti una seconda classe per quelle senza hover. (O il contrario, ne aggiungi una per quelli che ce l'hanno)

[Nicolablu]

www.italianraiders.com/index2.php sotto la cella con scritto EVENTS ce n'è una con scritto ciao .. ci passo sopra ma non succede nulla :|

[haZe]

Con Safari viene lo sfondo bianco.

[Nicolablu]

sto usando firefox 1.0.4 dovrebbe venir colore #fff (rosso)

[Nicolablu]

vi posto anche le parti del codice interessato

CSS

.mainmenu		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #ffff }
.bordopiccolo {border:1px; border-style: solid; border-color: #777777} 
.sfondobloccato {background-repeat: repeat-x} 
.bordotd {border-bottom: solid 1px #777777; }
.tdmaggiore {border-bottom: solid 1px #777777; background-color: #777777 }
.tdmenu {border-bottom: solid 1px #777777; background-color: #666666 }  
.tdmenu:hover {background-color:#fff}

e dal codice html

                     
 <table  class="bordopiccolo" width="130" border="0" cellspacing="0" cellpadding="0">
                        <tr> 
                          <td height="20" class="tdmaggiore">[img]img/events.gif[/img]</td>
                        </tr>
                        <tr  >
                          <td height="10" class="tdmenu">uffi non va </td>
                        </tr>
                      </table>

nun va