[Risolto]Problema visualizzazione

[francesco.disciascio]

Ciao a tutti,
il mio sito è asdpinetocalcio.altervista.org
nel menu, volevo inserire delle voci al terzo livello, ovvero:
Il club
- La nostra storia
--voce1
--voce2
--vocen

Ho aggiunto queste voci nel backend allo stesso modo in cui ho aggiunto quelle di secondo livello, ovvero la voce padre è un link url e le voci figlie sono articoli. Il problema è che, al passaggio del mouse sulla voce La nostra storia non viene visualizzato il sottomenu.
Avete qualche suggerimento da darmi?L'idea era di andare a controllare il codice che gestisce l'apparizione del sottomenu al passaggio del mouse, ma non l'ho trovato...sapete dove cercarlo?

Grazie a tutti

Francesco

[adottauncane]

Ciao francesco.disciascio,
non il css del tezo livello. Prova così:
Aggiungi questo css nel file style.css

Codice: [Seleziona]

#nav ul li li li a {
    text-transform: none;
    display: block;
    background: none;
    border-left: 0px;
    padding: 0px 10px 0px 10px;
    height:24px;
    line-height:24px;
}
#nav ul li li li a:hover {
    background-color: #000;
    left: 0;
    padding: 0px 10px 0px 10px;
    height:24px;
}
#nav ul li ul ul {
    left: -999em;
    display: block;
    height: 24px;
    position: absolute;
    z-index: 99;
    clear: left;
    margin-top: -25px !important;
    margin-left: 180px !important;
    padding-left:0px;
}
e togli questa riga sempre in quel file:

Codice: [Seleziona]

#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}

[francesco.disciascio]

con la tua dritta, il sottomenu viene visualizzato assieme al menu al passaggio del mouse sulla voce del menu di primo livello; vorrei apparisse quando si seleziona la voce del secondo livello...
puoi controllare sul sito.

grazie

[adottauncane]

Sì. Ma non so se si può con quel css senza riscriverlo tutto... Prova a prendere un template con tendina e vedi come è scritto.

[adottauncane]

Prova a sostituire tutto il css #nav con questo:

Codice: [Seleziona]

#nav {}
#navl {}
#navr {background: none;height:28px; background:url(../images/mainmenu.png) 0 0 repeat-x; font-family: segoe ui, verdana, arial, sans-serif; border:1px solid #e1e1e1;}
#nav {z-index:10; position:relative;}
#nav ul {margin:0; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:28px;position:relative; padding:0; margin:0; border-right: 1px dotted gray;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:28px; color:#000; text-decoration:none;font-size:11px;font-weight:normal;}
#nav ul li.active {}
#nav ul li.active a {background:url(../images/nav-a.jpg) 0 0 repeat-x}
#nav ul li:hover {}
#nav ul li a:hover{ text-decoration:none; font-weight:bold; color: #4585e6;font-size:11px;}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0; border:none;}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 10px;height:24px;line-height:24px; background:#1b7cb6;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:11px;font-weight:normal;text-shadow:none;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}

#nav li ul ul {
margin: -19px 0 0 170px;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul, 
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul {
left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul{
z-index: 100;
left: 0;
}

[francesco.disciascio]

Ok! Adesso funziona!
Ti ringrazio per l'aiuto!Sei stato gentilissimo...se non ho capito male, il template non prevedeva un sottomenu di terzo livello, quindi bisognava inserirlo nel css, giusto?

p.s. non ho trovato indicazioni su cosa fare quando un topic è risolto...

[adottauncane]

Sì, giusto. Quando un topic è risolto inserisci [RISOLTO] davanti al titolo del tuo primo post. Grazie mille.
P.S. Sono una femminuccia...

[francesco.disciascio]

Perdono, ma non avevo guardato il sesso;)
ad ogni modo, volevo chiedere un aiuto ulteriore: se guardi il sito noterai che, se visualizzo una delle pagine relative al sottomenu, poi lo stesso, ad un successivo passaggio, risulterà tutto nero, come se fossero selezionate tutte le voci...io vorrei che rimanesse con background nero solo la voce relativa alla pagina che sto visualizzando...come posso fare?


Grazie mille...femminuccia!:)

[adottauncane]

Correggi così questa riga:

Codice: [Seleziona]

#nav ul li ul li a:hover, #nav ul li ul li ul li.active a, #nav ul li.active ul li a:hover{margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}
la correzione è nella prima parte, quindi la riconosci dalla parte nelle graffe.

[francesco.disciascio]

Perfetto!
E' stato un piacere collaborare con te!
Grazie dell'aiuto!