Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    cambio colore di una cella con passaggio mouse su link

    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!!!

  2. #2
    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

  3. #3
    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.

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2003
    Messaggi
    5
    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

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.