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

    Effetto :hover non funzionante

    Salve, sto da poco apprendendo le varie tecniche css per il rollover di menu creati tramite liste.
    Ho creato la lista, disposto gli elementi in successione orizzantali, caricato le immagini per i 3 stati di ciascuna casella di menu: stato normale, stato pagina attiva (pagina corrente) e stato hover!

    Il problema è: mi distingue le immagini per lo stato attivo e per lo stato normale, ma non ho nessun effetto sullo stato :hover

    di seguito una parte del codice del css
    codice:
    a#homeActiveLink{
    	background:url(img_/HOME.png) -160px 0px; 
    	}
    	
    a#home a:hover{
    	background:url(img_/HOME.png) 0px 0px;
    	}
    	
    a#home{
    	background:url(img_/HOME.png) -80px 0px;	
    	}
    
    a#cercaClanActiveLink{
    	left:80px;
    	background:url(img_/CercaClan.png) -160px 0px;
    	}
    	
    a#cercaClan a:hover{
    	left:80px;
    	background:url(img_/CercaClan.png) 0px 0px;
    	}
    	
    a#cercaClan{
    	left:80px;
    	background:url(img_/CercaClan.png) -80px 0px;
    }
    
    a#cercaTorneoActiveLink{
    	left:160px;
    	background:url(img_/CercaTorneo.png) -160px 0px;
    	}
    	
    a#cercaTorneo a:hover{
    	left:160px;
    	background:url(img_/CercaTorneo.png) 0px 0px;
    	}
    	
    a#cercaTorneo{
    	left:160px;
    	background:url(img_/CercaTorneo.png) -80px 0px;
    	}
    
    a#loginActiveLink{
    	left:240px;
    	background:url(img_/LOGIN.png) -160px 0px;
    	}
    
    a#login a:hover{
    	left:240px;
    	background:url(img_/LOGIN.png) 0px 0px;
    	}
    	
    a#login{
    	left:240px;
    	background:url(img_/LOGIN.png) -80px 0px;
    	}

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    da come hai scritto il css sembra che tu abbia annidato link dentro altri link. il che non è possibile, quindi posta anche il markup o meglio un link ad una pagina demo, grazie.
    Vuoi aiutare la riforestazione responsabile?

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

  3. #3
    no ti spiego: avendo vari pulsanti nel menu, ho creato una doppia classe per ogni pulsante, ovvero per il pulsante home avrò sia la classe di quando è attivo a#homeActiveLink sia la classe quando è in stato normale (per stato normale intendo stato di riposo) a#home

    il codice html è questo
    codice:
    <div id="navigation">
            <ul>
            	[*]
            	[*]
            	[*]
            	[*][/list]
            </div>
    spero sia più chiaro!

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Originariamente inviato da Nitro_Insane
    no ti spiego: avendo vari pulsanti nel menu, ho creato una doppia classe per ogni pulsante, ovvero per il pulsante home avrò sia la classe di quando è attivo a#homeActiveLink sia la classe quando è in stato normale (per stato normale intendo stato di riposo) a#home

    il codice html è questo
    codice:
    <div id="navigation">
            <ul>
            	[*]
            	[*]
            	[*]
            	[*][/list]
            </div>
    spero sia più chiaro!

    devi cambiare in tutti i punti in cui hai scritto una regola del tipo

    a#home a:hover{

    in

    in a#home:hover{
    Vuoi aiutare la riforestazione responsabile?

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

  5. #5
    La ringrazio vivamente

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.