Salve a tutti!
Volevo chiedervi se c'è un modo per far si che passando il puntatore del mouse su di un link (formattato con i CSS), cambi il colore di una cella diversa da quella che contiene il link stesso.
Grazie e ciao!!!
Salve a tutti!
Volevo chiedervi se c'è un modo per far si che passando il puntatore del mouse su di un link (formattato con i CSS), cambi il colore di una cella diversa da quella che contiene il link stesso.
Grazie e ciao!!!
Considerando una cella definita con un div puoi fare:
codice:<div id="mioDiv" style="background-color:#000000;width:100px;height:100px; border:1px #000000 solid;color:#ffffff;">Questo è il div</div> Link
xxx
sono riuscito a farlo funzionare applicando l'id ad un td. Ora il problema è che siccome devo ripetere l'effetto per tutte le voci di un menu, l'id non va più bene, almeno che non crei tanti id uguali per quante sono le voci del menu.
A tal proposito volevo quindi sapere se si può in qualche modo utilizzare una singola classe da utilizzare per tutti i td delle voci del menu, o se comunque c'è un altro modo, che non sia quello di replicare tanti piccoli pezzi di codice CSS.
Grazie e ciao.
dunque...non so' se sia compatibile con tutti i browser... cmq così non hai bisogno di mettere mille ID:
<HTML>
<HEAD>
<style>
#tabella {text-align:right;background-color: yellow}
#tabella td {background-color:lightblue;}
</style>
<script>
function Cambia(id,val) {
id.style['background']=val;
}
</script>
</HEAD>
<BODY>
<table ID="tabella" width="50%">
<tr>
<td onmouseOver="Cambia(this,'white')" onmouseOut="Cambia(this,'lightblue')">1</td>
</tr>
<tr>
<td onmouseOver="Cambia(this,'white')" onmouseOut="Cambia(this,'lightblue')">2</td>
</tr>
<tr>
<td onmouseOver="Cambia(this,'white')" onmouseOut="Cambia(this,'lightblue')">3</td>
</tr>
</BODY>
</HTML>
Spin V