Visualizzazione dei risultati da 1 a 6 su 6

Discussione: css. roll over

  1. #1

    css. roll over

    cia ragazzi, vi chiedo scusa per come ho postato questo messaggio...non riesco ad allegare e rimpicciolire...
    volevo sapere come realizzare un roll over di colore diverso(per esempio rosso) al momento del passaggio del mouse su uno dei pulsanti.
    Grazie


    <table width="752" height="25" border="0" align="center" cellpadding="0" cellspacing="1">

    <tr>
    <th width="124" height="20" bgcolor="#3399CC" scope="col" onMouseover="this.style.backgroundColor='#336699'"
    onMouseout="this.style.backgroundColor='#3399CC'"
    > <span class="Stile28 Stile30">HOME PAGE </span> </th>
    <th width="124" bgcolor="#3399CC" scope="col"
    onMouseover="this.style.backgroundColor='#336699'"
    onMouseout="this.style.backgroundColor='#3399CC'"> <span class="Stile28 Stile30">GIOCHI</span></th>
    <th width="124" bgcolor="#3399CC" scope="col" onMouseover="this.style.backgroundColor='#336699'"
    onMouseout="this.style.backgroundColor='#3399CC'"> <span class="Stile28 Stile30">SERIVZI</span></th>
    <th width="125" bgcolor="#3399CC" scope="col" onMouseover="this.style.backgroundColor='#336699'"
    onMouseout="this.style.backgroundColor='#3399CC'"> <span class="Stile28 Stile30">CARTOLERIA</span></th>
    <th width="124" bgcolor="#3399CC" scope="col" onMouseover="this.style.backgroundColor='#336699'"
    onMouseout="this.style.backgroundColor='#3399CC'"> <span class="Stile28 Stile30">DOVE SIAMO </span></th>
    <th width="124" bgcolor="#3399CC" scope="col" onMouseover="this.style.backgroundColor='#336699'"
    onMouseout="this.style.backgroundColor='#3399CC'"> <span class="Stile28 Stile30">CONTATTI</span></th>
    </tr>
    </table>

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    una possibile soluzione è dichiarare display: block ai vari link contenuti nelle tue celle (in modo da riempirle completamente con il link) e gestire la relativa pseudoclasse :hover

    Quindi puoi rimuovere gli eventi onmouse... sulle celle
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    grazie per la risposta....!!
    ma all'atto pratico come posso modificare il tutto?

    p.s complimenti per il tuo ultimo lavoro, quale carattere hai utilizzato e che grandezza nel testo.
    Grazie

    Andrea

  4. #4

  5. #5


    mi sono arenatoooooooooooo!!!

  6. #6
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    codice:
    DOVE SIAMO
    
    a {
      background : #39c;
      text-decoration: none;
      cursor  : default;
      display : block;
    }
    
    a:hover {
      background  : #369;
    }
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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 © 2026 vBulletin Solutions, Inc. All rights reserved.