Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2008
    Messaggi
    9

    modificare il colore del testo all'interno di un div

    Buongiorno a tutti,
    sto impazzendo da qualche ora per risolvere questo problema.
    In pratica io ho un div con all'interno un link di testo e vorrei cambiare lo sfondo al div e il colore al testo.

    Sono riuscito a modificare il colore di fondo del div con gli eventi onmouseover/onmouseout impostando il colore, ma non riesco a far cambiare il colore del testo. So che potrei modificare il comportamento dell'hover tramite il css, ma questo avverrebbe soltanto nel momento in cui passo sul link, mentre io vorrei che l'effetto roll-over sia su tutto il div.

    Forse mi sono espresso male, per cui vi incollo il codice:

    HTML
    codice:
    <div class="right rett1" onmouseover="this.style.backgroundImage='url(images/bkg-rett-over.png)';" onmouseout="this.style.backgroundImage='url(images/bkg-rett1.png)';" style="background-image: url('images/bkg-rett1.png');">
    bla bla bla
    </div>
    CSS
    codice:
    	#right_col .right {
    			width:260px;
    			height:120px;
    			float:left;
    			margin:0;
    			padding:10px;
    			
    			border:#c6bdc0 1px solid;
    		}
    	       #right_col .rett1 {
    			background:url(../images/bkg-rett1.png) repeat;
    			
    		}
    Al momento io riesco a far cambiare il colore allo sfondo (tramite javascript) e il colore al testo (tramite css) solo se il cursore e' sul testo ma se fermo il cursore sull'area in cui e' attivo il padding del div ma non e' ancora sul testo, lo sfondo cambia ma il testo no.

    Grazie a chiunque vorrà aiutarmi

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    Ciao, sempre da css:


    .uno {background:red;}
    .uno a{color:blue;}

    .uno:hover {background:yellow;}
    .uno:hover a {color:green;}

    <div class="uno">link</div>

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.