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

    dropdown menu 5 livelli

    ciao a tutti ho un problema ho un dropdown menu che ho preso da un sito, che è a tre livelli, da tre livelli grazie a un sugerimento del designer è diventato a 4 livelli, ma a me ora servirebbe farlo diventare a 5, chi mi può dare una mano?

    <ul>[*]Home
    [*]L'azienda
    [*]Prodotti
    <ul>
    [*]Compressori
    <ul>
    [*]A pistoni
    <ul>[*]Lubrificati
    <ul>
    [*]Automan[*]LE / LT [/list]
    [*]Oil-Free
    <ul>
    [*]LF / LFx[*]LFx Medicali [/list]
    [/list]

    [*]A Vite
    <ul>
    [*]Lubrificati
    [*]Oil-free[/list]

    [/list]
    [*]Soffianti[*]Pompe a vuoto
    [*]Quality Air
    <ul>
    [*]Essiccatori d'aria
    [*]Filtri
    [*]Separatori Acqua Olio[*]Scaricatori di condensa
    [/list]


    [/list]
    [*]Servizi[*]Contatti[/list]
    vi allego anche il codice css:

    #body{
    background-image:url(image/sfondo-desktop-347.jpg);
    width:1024px;
    background-repeat:no-repeat;
    background-attachment: fixed;
    }
    A:link { color:#000;}
    A:active { color:#00F;}
    A:hover { color:#00F;}

    #menu{
    padding:0;
    maragin:0;
    font-family:Verdana,Arial;
    font-size:0.70em;
    }

    #menu ul{
    padding:0;
    margin:0;
    }

    #menu li{
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    }

    #menu li a{
    width:152px;
    height: 30px;
    display:block;
    text-decoration:none;
    text-align: center;
    line-height: 30px;
    color: #333;
    background: #EDEDED;
    }

    #menu li a:hover{
    background: #CCC;
    }

    #menu ul ul{
    position: absolute;
    top: 30px;
    visibility:hidden;
    }

    #menu ul li:hover ul {
    visibility:visible;
    }

    #menu ul ul ul li {
    visibility: hidden;
    left:152px;
    top:-30px;
    }

    #menu ul ul li:hover li {
    visibility:visible;
    }

    #menu ul ul ul ul li {
    display:none;
    left:152px;
    top:-30px;
    }
    #menu ul ul ul li:hover li {
    display:block;
    }
    Vorrei sapere se qualcuno sa come far funzionare il 5 livello quello che ho scritto in grassetto.
    Vi allego anche il link del sito cosi potete vedre di che ho bisogno:
    Tecnofluid

    Grazie a tutti avrei bisogno di una risp urgente...

  2. #2
    Non capisco come colleghi i menu alle classi. Comunque nella parte in grassetto, la parte ../ significa che passi alla cartella superiore, sicuro siano la i file richiamati?

  3. #3
    Originariamente inviato da Labtech
    Non capisco come colleghi i menu alle classi. Comunque nella parte in grassetto, la parte ../ significa che passi alla cartella superiore, sicuro siano la i file richiamati?
    il problema non è nel apertura dei link.
    ma in quanto la 5 tendina non funziona, non si nasconde, rimane sempre a vista. hai visto il sito?

    il menù e le classi erano già cosi nel dropdawn che ho copiato.... quindi non ti saprei dire.

  4. #4
    Sul sito l'unico menu che si apre a tendina è il terzo ossia Prodotti

    Non capisco il problema forse, io apro il sito e vedo solo i titoli del menu, poi se scorro sopra solo prodotti si apre a tendina

  5. #5
    Originariamente inviato da Labtech
    Sul sito l'unico menu che si apre a tendina è il terzo ossia Prodotti

    Non capisco il problema forse, io apro il sito e vedo solo i titoli del menu, poi se scorro sopra solo prodotti si apre a tendina
    se vai in prodotti --> compressori-->pistoni li ti si apre sia il menù Lubrificati che il menù in questione. a me servirebbe questo:

    Prodotti --> compressori-->pistoni --> Lubrificati --> Automan e LE LT il menù in grassetto si dovrebbe aprire quando passo il mouse sopra lubrificati e non quando lo passo su pistoni.

    ora è chiaro?

  6. #6
    mi avete abbandonato ????

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ho visto.
    Ma ho anche visto che il menu in questione finisce fuori dall'area visibile (sto dicendo che il sito e` troppo largo)

    Comunque nel tuo CSS ci sono delle cose strane:
    1. devi verificare di avere due (o tre a seconda degli effetti voluti) entrate per ogni livello: una a riposo ed una con l':hover (nell'ordine)
    2. devi controllare l'ordine: un menu piu` interno, deve essere citato nel CSS dopo quelli piu` esterni

    In pratica dovresti avere i seguenti selettori (l'ordine e` significativo):
    codice:
    #menu
    #menu ul
    #menu li
    #menu li a
    #menu li a:hover
    
    #menu ul ul
    #menu ul li
    #menu ul li:hover
    
    #menu ul ul ul
    #menu ul ul ul li
    #menu ul ul ul li:hover
    
    #menu ul ul ul ul      /* non so, forse ho esagerato con gli ul e questo gruppo va tagliato */
    #menu ul ul ul ul li
    #menu ul ul ul ul li:hover
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    il sito ha una risoluzione di 1024, la cosa mi sembra parecchi strana che non lo visualizzi tutto! proverò come dici te e vedremo.

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.