[HTML] Menu di 4 livello "dropdown menu"

[luigi777]

Salve, ho questo codice.. vorrei sapere cosa devo fare per far che posso fare anche il 4 livello.. ora questo menu arriva fino al 3 livello.. secondo voi posso farlo?

.header__menu {
}
.header__menu a {
    color: #FFF;
}
.header__menu,
.header__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.header__menu li {
    position: relative;
}
.header__menu a {
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}
.header__menu a:hover {
    background: #000;
}


/* Level 1 Drop Down Menu */
.header__menu > li {
    display: inline-block;
    vertical-align: top;
    margin-left: -4px; /* solve the 4 pixels spacing between list-items */
}
.header__menu > li:first-child {
    margin-left: 0;
}
.header__menu > li > a {}
.header__menu > li > a:hover {}

/* Level 2 */
.header__menu > li > ul {
    text-align: left;
    width: auto; /* change auto value with 200px if you want a bigger menu */
    display: none;
    background: #5DBB04;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
}
.header__menu > li:hover > ul {
    display: block;
}
.header__menu ul li a {}
.header__menu ul li a:hover {}

/* Level 3 */
.header__menu > li > ul > li > ul {
    text-align: left;
    display: none;
    background: #E7B400;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9999999;
}
.header__menu > li > ul > li:hover > ul {
    display: block;
}
.header__menu ul ul li {}
.header__menu ul ul li a {}
.header__menu ul ul li a:hover {}

mi potete aiutarmi ..? una cosa devo rimanere in questa struttura.

/* Level 3 */
.header__menu > li > ul > li > ul {
    text-align: left;
    display: none;
    background: #E7B400;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9999999;
}
.header__menu > li > ul > li:hover > ul {
    display: block;
}

Io qui penso che forse basta un ul > li .

Ma non sono sicuro.

Vi ringrazio molto e buona domenica.

 

[Max 1]

Dovresti darci il codice completo del menu CSS e HTML.
Il menu è orizzontale o verticale?
Per quarto livello intendi una voce del menu con quattro sotto menu?
Per capire ti basterebbe se ti facessi un esempio con un menu con quattro sottomenu di una voce?

 

[luigi777]

ok , va bene... lo preso da qui:
http://html-tuts.com/drop-down-menu-html-css-3-levels-deep/

qui c'è il demo:
http://html-tuts.com/demo/drop-down-menu-3-levels/


però vorrei il 4 livello... solo che lo sto usano per wordpress e con i 3 livelli è ok. Mi manca il quarto.

Ti ringrazio molto e buona serata.

 

[Max 1]

Ti allego un esempio in css3 puoi prendere spunto da questo. In alternativa un menu in javascript

 

[luigi777]

ok ma voglio usare il mio. mi dici come fare? ho visto il tuo ma non capisco molto bene il codice. Non è che provi il mio e mi fai sapere se aggiungendo un . ul li viene il quarto


grazie mille.

 

[luigi777]

allora, vi allego l'immagine che ho fatto .. però non sono sicuro essendo che lo sto usando in wordpress.

Secondo voi è giusto cosi?. Ora sono pagine di prova.
Ecco l'immagine:

 

[Max 1]

Così va bene controlla solo tutto il css in modo che funzioni correttamente