[css] bordi on mouse over

[blukarma]

il mio css che interessa una cella di una tabella è:

.menu_dw {
border-width: 1px;;
border-style: solid;
background-repeat: repeat;
text-align: center;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bolder;
border-top-color: 660000;
border-right-color: E8E8E8;
border-bottom-color: E8E8E8;
border-left-color: E8E8E8;
background-color: E8E8E8;
}

come posso fare in modo che quando vado sopra alla cella con il mouse cambi il bordo superiore e diventi di un altro colore??

tenchiu veri grazie.

[Dennis]

non puoi usare hover e family per cose che non sono link... devi usare quindi javascript... cerca la pillola di antos sull'argomento (se ti basta una dritta veloce, crei due classi, fai si che quando passi con il mouse, onMouseOver, il nome della classe (this.className) cambi con il nome della seconda classe. quando vai fuori con il mouse (onMouseOut), la fai ritornare normale

[blukarma]

Originariamente inviato da Dennis
(se ti basta una dritta veloce, crei due classi, fai si che quando passi con il mouse, onMouseOver, il nome della classe (this.className) cambi con il nome della seconda classe. quando vai fuori con il mouse (onMouseOut), la fai ritornare normale

mi ricordavo qualcosa del genere ma non mi ricorsdo dove devo mettere on mouse over

la classe me la sono già fatta.

tenchiu

[blukarma]

la cella è questa: <td width="16%" class="menu_dw"> e la classe che già richiamo è quella base, come richiamo l'altra?

[AtomSurfer]

http://forum.html.it/forum/showthrea...ht=onmouseover



ehm... il css può essere semplificato, ma soprattutto, metti # davanti ai codici dei colori

[antos]

prova una cosa del genere

function evidenzia(obj){
obj.style.fontFamily ='verdana';
obj.style.border ='1px solid #000000';;
}

se invece vuoi cambiare la classe basta mettere

function evidenzia(obj){
obj.style.className = altraclasse;
}

<td onmouseover="evidenzia(this)">

[blukarma]

:quote: grazie mille