Menu verticale visualizzato male

[cuordileone]

Nel sito http://www.informazionepura.it potete vedere come in basso a destra ci siano dei menu - per es. "Categorie del Giornale" - ove:
a) le varie voci sono sovrapposte;
b) le sottovoci non appaiono.

Grazie in anticipo!

[cuordileone]

Un piccolo help?

[santograz]

Credo, ma non sono sicuro, che nei moduli mod_mainmenu corrispondenti ai menu, incriminati, devi cambiare l'opzione Stile menu, provando qualche valore (credo funzioni legacy verticale o lista flat...)

[cuordileone]

No non è quello perchè nel vecchio template andavano bene.

Necessitano però delle impostazioni di css ottimali per i menu che tale template non ci sono per i menu in questione, mentre sono perfetti per i due menu orizzontali ...

Dunque, nel css quali impostazioni servono al fine di aver un elenco giusto del menu comprensivo di sottocategorie?

[conti1]

ciao
non so come hai fatto il menu con le 2 voci sulla stessa linea ma vabbe prova in questo modo
confronta il css tuo con questo e aggiungi quello  che non hai sul tuo quello che ho  messo io.

Codice: [Seleziona]

#colonna ul li {
list-style-position:outside;
list-style-type:disc;
margin:0 0 0 5px;
text-align:left;
width:170px;
}
template.css (riga 334)

una volta fatto prova  a vedere se sballa su  altre parti.

[cuordileone]

1) Il menu orizzontale, che si vede in scritta bianca sopra gli articoli, dava conflitto, quindi ne ho rinominato le sue classi in menu9 ...
2) Adesso il menu "problematico" lo è meno in quanto è molto più verticale, ma si notano ancor varie sovrapposizioni ... Riusciamo ad aggiustarlo?

[cuordileone]

Riusciamo ad aggiustarlo?

[adottauncane]

Un tentativo:

Codice: [Seleziona]

#colonna ul li {
list-style-position:outside;
list-style-type:disc;
margin-bottom:0;
margin-left:5px;
margin-right:0;
margin-top:0;
text-align:left;
width:100%;
}
template.css (riga 324)

width:100%;

[alexius9089]

ciao, se ho capito bene e ti riferisci alle voci del menu "Altre categorie" per quanto riguarda la loro sovrapposizione prova a togliere il "float:left" da ".menu li", e per ottenere maggiore omogeneità (stringere di piu le voci) puoi togliere il "padding"...
ah già, prova ad impostare anche "margin: 0 0 0 -9px" in "#colonna ul li".
Invece per le sottovoci mi dispiace ma non ho ben capito cosa e come...