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

    Menų di navigazione con sottomenų

    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:
    <div id="navigation"> 
    <ul> 
    <li class="software"> 
     Assistenza software 
    
     <ul> 
    <li class="primo software stop">Assistenza software 
    <li class="software stop">Utility &amp; Software 
    <li class="software stop">Antivirus 
    <li class="software">Programmazione 
    
     <ul> 
    <li class="primo software stop">Programmazione web 
    <li class="software stop">.NET 
    <li class="software stop">Java 
    <li class="software stop">C/C<sup>++</sup> 
    <li class="ultimo software stop">Altri [/list]
    
    <li class="software stop">Lan &amp; Wireless 
    <li class="ultimo software stop">Miscellaneus 
     [/list]
    [/list]
    </div>
    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?

  2. #2

    Re: Menų di navigazione con sottomenų

    l'html contiene errori di[*] chiusi male o non chiusi
    controlla
    il mio dovrebbe essere corretto
    codice:
    <div id="navigation"> 
    <ul> 
    <li class="software"> 
     Assistenza software 
    
     <ul> 
    <li class="primo software stop">Assistenza software 
    <li class="software stop">Utility &amp; Software 
    <li class="software stop">Antivirus 
    <li class="software">Programmazione
    
     <ul> 
    <li class="primo software stop">Programmazione web 
    <li class="software stop">.NET 
    <li class="software stop">Java 
    <li class="software stop">C/C<sup>++</sup> 
    <li class="ultimo software stop">Altri [/list]
     
    
    <li class="software stop">Lan &amp; Wireless 
    <li class="ultimo software stop">Miscellaneus 
     [/list]
    
     [/list]
    </div>

  3. #3
    Risolto
    Grazie, devo aver sbagliato e poi l'editor ha corretto come preferiva senza avvisarmi ^^'
    Grazie ancora

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