Controllare DIV tramite passaggio mouse su link in altro DIV

I

icex

Nuovo Utente
14 Ago 2012
29
0
0
Buongiorno ragazzi. Avrei questo piccolo problemino che però mi sta mettendo in crisi :incazz:

Praticamente ho un contenitore il cui CSS è:

Codice: 
#menu{
background-image:"griglia.png";
background-postion: 0% 3%;
}

In questo ci ho messo un link del tipo:
Codice: 
#menu a.home:hover{
background-position: 0% 29%;	
}

Il codice HTML penso sia ben sistemato:

HTML: 
 <div id="menu"><a class="home" href="#">Home</a> </div>

Penso sia evidente come la mia intenzione sia quella di cambiare la posizione dell'immagine "griglia.png" che ho già costruito del "menu", tramite il passaggio del mouse sul link con classe "home" contenuto nel box "menu".
Però credo sia anche evidente che così non funziona :) pertanto mi potreste consigliare la giusta sintassi?

Cioè vorrei targettizzare l'effetto del passaggio del mouse non sul link ma al box in cui esso è contenuto. Spero mi possiate essere di aiuto :)
 
Ultima modifica:
S

sixdas

Utente Attivo
25 Giu 2012
70
0
6
Ciao, prova a cambiare in questo modo:

HTML: 
.home:hover{
background-position: 0% 29%;	
}
 
I

icex

Nuovo Utente
14 Ago 2012
29
0
0
sixdas ha scritto:
ma tu intendi realizzare una cosa del genere?

https://www.mrw.it/css/articoli/menu-orizzontale-effetto-rollover_334.html
Clicca per allargare...

Più o meno... Ho preparato una griglia con degli effetti grafici. Su di essa disporrò i link del menu. Quando il mouse non punta da nessuna parte vorrei che si visualizzi la parte in alto dell'immagine, poi se punta su "Home" si visualizza la stessa immagine però spostata verticalmente di una data percentuale.. e così via per tutti i link...
Il mio problema è che con con la pseudoclasse "hover" per il link, non posso modificare lo sfondo del div "menu" in cui è contenuto. Spero proprio che si possa fare con il CSS senza ricorrere al JS perchè sinceramente non l'ho mai utilizzato :(
 
I

icex

Nuovo Utente
14 Ago 2012
29
0
0
:mavieni: ci sono riuscito :mavieni: e tutt con il supporto del fantastico JS :fonzie: Grazie sixdas della voglia di aiutarmi... alla prossima! ;)
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
D controllare valore in tabella mysql PHP 0
G Controllare valori in 2 tabelle PHP 5
seranto [ASP] Controllare il testo inserito in Textarea Classic ASP 6
N [PHP] Controllare condizione ciclo While PHP 9
K [PHP] Controllare dati database tra due valori PHP 18
L [PHP] if con array per controllare l'ip locale PHP 1
Fede72 Controllare le checkbox con PHP PHP 6
max_400 Come si fa a controllare se un sito è sicuro? Sicurezza e Virus 2
B [MySQL] CONTROLLARE I PRIMI CARATTERI DI UN CAMPO VARCHAR MySQL 8
T [ASP] controllare popup Classic ASP 3
Jonn [PHP] Controllare l'inizio di una stringa PHP 5
M Controllare se il prezzo inserito è espresso in centesimi e non in millesimi PHP 0
J Php ajax sql controllare se l'id esiste in una tabella db PHP 2
matteoraggi Controllare le vendite con Analytics e condividerne uan parte con altri Google Analytics 0
L Controllare il numero dei campi segnati Javascript 0
A Controllare l'animazione di una skills bar realizzata con i keyframes css3 Javascript 1
I controllare email Javascript 3
Sevenjeak Controllare dipendenze del programma Java 1
P Controllare che il form sia composto da soli numeri e non sia vuoto? Javascript 11
A Controllare affidabilità di un sito PHP 0
D Complicamento scrittura INPUT ( più input da controllare ) Javascript 1
L funzione si e funzione no controllare se e stata richiamata o no Javascript 1
B Controllare se un codice è in un DB Javascript 1
F Controllare peso di un file in un imput Javascript 3
P Controllare se un utente ha gia votato!! PHP 4
M Controllare se una stringa è contenute in un'altra Javascript 2
E come faccio a controllare la lunghezza e la composizione di alcune variabili? PHP 2
E come controllare che in una stringa non ci siano altre lettere tranne alcune definite? PHP 1
L Controllare datetime PHP 6
M controllare email da android Sviluppo app per Android 0
C Esercizio: Inserire elenco numeri e controllare che siano di tupi numerico Javascript 2
C Controllare l'esistenza di un record in una tabella. MySQL 2
M PHP controllare sia attiva una sola istanza del codice PHP 0
valient13 Controllare da database se è on o off PHP 5
U Controllare all'interno di un file incluso se un altro file è stato incluso... PHP 7
I controllare player quicktime da pulsante Javascript 1
M Controllare Presenza di un link Classic ASP 4
M controllare se un utente è ancora collegato. PHP 3
V Controllare due chechbox e un campo mail Javascript 5
T controllare gli errori nel log di php PHP 1
M controllare responseText Ajax 1
T controllare il volume Flash 2
M Ho bisogno di TUTTI VOI! Si può controllare dalla sezione "admin" un template ?? Flash 0
Linchiamoci Script per controllare i banner. PHP 5
K Controllare il click su un link Classic ASP 1
S Controllare se è installato flash flayer Javascript 0
lupin3m [help] problema nel controllare il filmato con i simboli Flash 7
N Webcast Microsoft su un prodotto per gestire e controllare l'infrastruttura IT Altri Annunci 1
I Login da controllare Flash 0
O controllare se esiste già un utente nel database PHP 4

Discussioni simili

Alto Basso