Ciao a tutti, sto creando un menu di navigazione con dei sotto-menų.
Fino a qui tutto ok. Nel momento in cui inserisco i sotto-menų dei sotto-menų non funziona pių.
Codice CSS:
codice:
#navigation ul {list-style-type:none; margin: 0; padding: 0}
#navigation li {position:relative; border: 1px inset gray; border-bottom: 0; width: 150px; height: 25px; margin: 0; padding: 0; background: url(http://mirkosalaris.altervista.org/p...nu/Freccia.png) no-repeat 98% center}
#navigation li.primo {border-radius: 3px 3px 0 0}
#navigation li.ultimo {border-bottom: 1px inset gray; border-radius: 0 0 3px 3px}
#navigation a {display:block; position:relative; top: 50%; margin-top: -8px; width: 150px; height: 25px; text-align:left; text-indent: 3px; font: 11px tahoma, sans-serif}
#navigation li.software {background-color:hsl(30, 100%, 40%)}
#navigation li.software:hover{background-color:hsl(30, 100%, 50%)}
#navigation li:hover {background-position: 100% center}
#navigation .stop {background-image:none}
#navigation li ul {display:none}
#navigation li:hover > ul {display:block; position:absolute; left: 151px; top: 0}
Il codice evidenziato in rosso č quello che non funziona come vorrei.
Ciō che dovrebbe succedere č questo:
Passo il mouse su una voce di menu e si vede il sotto-menų.
Passo il mouse sulla quarta (dico la quarta perchč č l'unica in cui mi serve il sotto-menų) voce del sotto-menų e appare anche il sotto-sotto-menų.
Ho provato in moltissimo modi ma non comprendo il perchč non accada. Utilizzando il CSS postato il sotto-sotto-menų non appare.
Eliminando il selettore di discendenza diretta (>) quando passo il mouse sulla prima voce del menų appaiono sia il sotto-menų che il sotto-sotto-menų .-.
Dovrei riuscire a risolvere utilizzando degli ID... ma mi interesserebbe comprendere il perchč nel modo postato non funziona.
Inserendo lo spazio tra "#navigation" e "li" la regola dovrebbe essere valida per tutti gli "li" discendenti, mentre sembra che sia valida solo per il diretto discendente.
Qualcuno puō delucidarmi a riguardo?