Menu a tendina a 3 livelli

[ghanadar]

Ciao a tutti,


vorrei fare un sito abbastanza semplice collegando tutti gli articoli al menù principale che però dovrebbe avere una struttura a livelli.
Per esempio vorrei mettere una voce di menù "prodotti" che puntata col mouse apra una tendina con dei sottomenù (tipo gruppo1, gruppo2...), a sua volta il sottomenù deve mostrare dei sottomenù.


Menu Principale---Home
               |--Prodotti---Gruppo1
                          |--Gruppo2---Prodotto1
                                    |--Prodotto2
                                    |--Prodotto3

Fin qui non ho trovato problemi per creare la struttura, l'unica imperfezione è che per ogni voce di menù che ho creato, ho selezionato come tipo di voce "singolo articolo" e quindi ho dovuto creare delle pagine anche nei menù intermedi dove non mi servono.
Cosa dovrei scegliere come Tipo di voce di menu per creare un menu intermedio senza pagine collegate?

[alessioa]

Separatore testuale

[ghanadar]

@Alessioa


Grazie per la risposta.
Ho provato e funziona (ovviamente dirai tu ).
Ora devo solo trovare come modificare font ed allineamento di questa voce di menu in modo che sia uguale alle altre.
Ora è più piccola e allineata più a destra nei menu.
Credo che questo sia però solo un dettaglio e con un pò di pazienza si possa trovare il settaggio nel CSS.


Ciao e grazie ancora.

[tomtomeight]

Prova anche tipo di voce link esterno e metti # come link

[ghanadar]

Prova anche tipo di voce link esterno e metti # come link

Provato, è ancora meglio!
Funziona bene e nei menu a tendina compare con lo stesso font delle altre voci.


Grazie 1000

[alessioa]

eh si perchè ti tiene la formattazione del tag a / li /ul però risulta comunque cliccabile e confonde l'utente, per cambiare l'aspetto del cursore puoi usare il css3 in questo modo :

dai una classe menu a tutti i separatori, per esempio "separator", poi al tuo css inserisci

Codice: [Seleziona]

.separator{
pointer-events: none;
cursor: default;
}


[ghanadar]

eh si perchè ti tiene la formattazione del tag a / li /ul però risulta comunque cliccabile e confonde l'utente, per cambiare l'aspetto del cursore puoi usare il css3 in questo modo :

dai una classe menu a tutti i separatori, per esempio "separator", poi al tuo css inserisci

Codice: [Seleziona]

.separator{
pointer-events: none;
cursor: default;
}


Benissimo! Per uno alle prime armi come me è molto utile avere delle soluzioni semplici.
Se mi mettevo da solo a cercare per tentativi, mi ci voleva un mese!

Grazie ancora.