menu con sottocategorie orizzontali e verticali

[danielix05]

ciao a tutti,
avrei la necessità di un menu di questo genere:
a) voci principali
b) cliccando su una di esse, si aprono le sottocategorie in orizzontale appena sotto
c) poi cliccando le sottocategorie orizzontali si aprono le altre sotto-sottocategorie in verticale.

mi potete aiutare, grazie-

[cavicchiandrea]

http://www.milonic.com/

[danielix05]

grazie della segnalazione ma non ho trovato ciò che pensavo...

[Xinod]

mi segnali la discussione per farla spostare nella sezione css,
non ho nulla in contrario, anzi, per me il problema e' da risolvere via css
a patto che non si tratti di interazione al click ma al mouseover

confermi?

[danielix05]

confermo che mi interessa la funzione onmouseover quindi gradirei che questa discussione si spostasse nella categoria css

spero di trovare miglior favore... fermo restando il ringraziamento sincero a cavicchiandrea


grazie.

[Mich_]

In pratica un menu a tre livelli.

Mi pare di averne visto di analoghi nel sito di CSSPlay. Prova a farci un giro.
Il riferimento tra i "link utili" del forum CSS (tra i menu).

[artorius]

mmm, IMHO, non farei un menu a più di una sottocategoria che si attivi sul mouseover... Io lo farei in Javascript al click.

Comunque, se vuoi farlo così, ricordati che l'hover richiede che gli elementi siano innestati, in modo che quando sposti il mouse rimani all'interno dell'elemento dell'elemento originale.

Per farti capire il problema, immagina di avere una struttura tipo:

MENU:
| VOCE 1 | VOCE 2 | VOCE 3 | VOCE 4 |

Passi sulla voce 1, diventa:

| VOCE 1 | VOCE 2 | VOCE 3 | VOCE 4 |
| VOCE 11 | VOCE 12 |

Passi sulla voce 11, diventa:

| VOCE 1 | VOCE 2 | VOCE 3 | VOCE 4 |
| VOCE 11 | VOCE 12 |
| VOCE 111|
| VOCE 112|
| VOCE 113|

Per fare una roba simile è necessario che la voce 11, sia all'interno dell'elemento della voce 1, in modo che quando sposti il mouse da voce 1 a voce 11 non scompaia tutto. Allo stesso modo le voce 111, 112, 113, devono essere all'interno della voce 11.
Capirai anche perché di solito li faccio attivare dal JS al click sulla voce, metti che voglia andare sulla voce 12, ma per spostarsi dalla voce 1, passi, anche solo di un pixel, per sbaglio sulla voce 2, il sottomenu della voce 1, sparirà ed apparirà quello della voce 2, costringendo l'utente a ritornare sulla voce 1 e riprovare.

Questo tipo di menu di solito si fa al contrario:

1- Lista di voci principali in orizzontale
2- Sottomenu in verticale
3- Sottosottomenu di ciascuna voce in verticale, che parte a destra della voce su cui ti trovi.

[danielix05]

ciao e grazie dei suggerimenti

io avrei trovato questo ma mi manca la parte finale... il menu a cascata sul terzo livello...
si potrebbe integrare?



ho provato ad aggiungere in questo modo ma il risultato è sfalsato.

#menu ul ul ul, #menu li li li{
background-color:#DDDDDD;
position: relative;
top: 30px;
width: 100px;

[Mich_]

io avrei trovato questo ma mi manca la parte finale... il menu a cascata sul terzo livello... si potrebbe integrare?

In teoria si`, ma e` piuttosto complicato.
Fai prima a cercarne uno che faccia tutto.