Visualizzazione dei risultati da 1 a 7 su 7

Discussione: aiuto per CSS

  1. #1

    aiuto per CSS

    codice:
    tr.elenco2{
    	onmouseover: style.backgroundColor='#ffffff';
    	onmouseout: style.backgroundColor='';
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
    	font-size: 11px; 
    	color: #000000;
    	background-color: #f0f0f0
    	}
    In teoria dovrei cambiare colore allo sfondo della riga quando passo con il mouse.

    Ma invece non cambia come mai?

  2. #2

    Re: aiuto per CSS

    Originariamente inviato da waitec40
    codice:
    	onmouseover: style.backgroundColor='#ffffff';
    	onmouseout: style.backgroundColor='';
    hem...

    hai fatto un gran casino...

    o setti lo sfondo via javascript, con le istruzioni onMouseOver e onMouseOut (ma non nei CSS...) oppure, coi CSS, usi i selettori (link, hover) cambiando lo sfondo
    Potere e Potenza

  3. #3
    non mi sembra giusto, secondo me devi togliere:

    onmouseover: style.backgroundColor='#ffffff';
    onmouseout: style.backgroundColor='';

    e per cambiare il colore al passaggio del mouse occorre usare:

    tr.elenco2:hover{
    background-color: #ffffff;
    }
    e
    tr.elenco2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #f0f0f0
    }

  4. #4
    Originariamente inviato da flanza
    non mi sembra giusto, secondo me devi togliere:

    onmouseover: style.backgroundColor='#ffffff';
    onmouseout: style.backgroundColor='';

    e per cambiare il colore al passaggio del mouse occorre usare:

    tr.elenco2:hover{
    background-color: #ffffff;
    }
    e
    tr.elenco2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #f0f0f0
    }
    A me non funziona...

  5. #5
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    explorer sbagliando assegna l'hover solo a dei link.
    per fare come vuoi tu serve l'onMouseOver per switchare tra due classi differenti
    Chicco Ravaglia per sempre con noi!

  6. #6
    onMouseOver="on('orange')" onMouseOut="on('#636563')"

    sull'oggeto che vuoi cambi colore e poi nei tag head

    codice:
    function on(colore) {
    			event.srcElement.style.backgroundColor=colore
    		}
    	</script>


    prova così... :quipy:

  7. #7
    Utente di HTML.it L'avatar di zoom
    Registrato dal
    Dec 2001
    Messaggi
    1,737
    Originariamente inviato da TittyMail
    onMouseOver="on('orange')" onMouseOut="on('#636563')"
    è sufficiente così senza funzioni esterne...
    onMouseOver="this.className='classe1'" onMouseOut="this.className='classe2'"
    Chicco Ravaglia per sempre con noi!

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