problema con tendina del menù, scompare sotto i contenuti

pancio beretta

Nuovo Utente
1 Feb 2016
6
0
0
Buongiorno a tutti.
Mi spiace scomodarvi per una cosa che immagino sia semplice, ho cercato di sistemare da me avvalendomi del materiale trovato in rete ma non arrivo ad una soluzione. Il motivo è che sono alle prime armi e spesso perdo l'orientamento.
Sto lavorando su thema gratuito di wordpress, nello specifico:

http://vandelaydesign.net/oversized/

Come da titolo, il menù a tendina una volta visibile finisce sotto i contenuti.
Mi sembra di aver capito che ho a che fare con la questione z-index:

/* Dropdown */

#navigation ul li:hover a {
position:relative;
background:#000;
opacity: .65; filter: alpha(opacity=65);
text-decoration:none;
transition: all 0.5s ease 0s;
}

#navigation ul li:hover li a {
background:none;
color:#fff;
}

Sapete dirmi come potrei risolvere?
Ve ne sarei grato...
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
Si infatti devi dare un z-index al menu!

N.B. Per postare del codice nel forum è opportuno che tu usi il relativo TAG [ code]....[/code]
 
Ultima modifica:

pancio beretta

Nuovo Utente
1 Feb 2016
6
0
0
Grazie. Lavorando sul menù non ho raggiunto risultato, non mi spiego perchè.

Ho ripiegato usando il z-index con valore negativo sul box dei contenuti.
 

pancio beretta

Nuovo Utente
1 Feb 2016
6
0
0
....purtoppo il mio espediente si è rivelato fallimentare. Apparentemente funziona perchè la tendina va in primo piano, solo che nel box-contenuti ora il cursore non reagisce a nessun link o immagine.

Ho ripristinato lo stato originario e inserito la voce z-index in "navigation ul li:hover a" ma non ho ottenuto l'effetto sperato.

PHP:
#navigation {

    width:100%;
    background:url(images/divider_nav.png) repeat-x left bottom;
    padding-bottom:2px;

}

#navigation li {

    background:url(images/divider_nav.png) repeat-x scroll left top;
    display:block;
    font-size:18px;
    color:#e6d6b9;
    font-weight:500;
    position:relative;
    text-shadow:rgba(0, 0, 0, 1) 0px 1px 0px;

}

#navigation li.first, #navigation li:first-child {

    background:none repeat scroll 0 0;

}

#navigation a {

    display:block;
    color:#e2d1bd;
    padding:12px 20px;

}

#navigation a:hover, #navigation li.current-menu-item a {

    color:#e2d1bd;
    background: rgba(70, 7, 6, 0.43);

}

/* Dropdown */

#navigation ul li:hover a {

    position:relative;
    z-index:1000;
    background:rgba(0, 0, 0, 0.4);
    text-decoration:none;

}

#navigation ul li:hover li a {
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color:#fff;

}

dove sbaglio?
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
Visto da dispositivo mobile il link che hai postato nel primo post non presenta il problema! Da desktop non ho provato!
Dacci il link alla pagina che da errore così possiamo capire dove c'è l'errore
 

pancio beretta

Nuovo Utente
1 Feb 2016
6
0
0
Ho cambiato strategia. A quanto pare funziona se metto lo z-index sull'intera colonna che ospita i menù:

PHP:
#column1st {

    background:url(images/bg_col77.png) repeat scroll 0 0;

    width:300px;

    height:100%;

    float:left;

    margin:0 0 0 40px;

    position:fixed;
z-index:1000;
}

E' stata una giornata lunga e stressante...
Comunque grazie.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.397
338
83
...da cosa nasce cosa, ora su dispositivo mobile i contenuti si nascondono sotto al menù.
E' lo stesso problema che ha anche il thema di wp da cui parto:

http://vandelaydesign.net/oversized/
In questo link non si può capire il problema perchè il menu non va sotto a nulla anche perchè non mi sembra di vedere contenuti!

Prova a mettere un z-index anche nella class="sub-menu"
 
Discussioni simili
Autore Titolo Forum Risposte Data
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
L Problema onClick con un menu a tendina Javascript 3
B Problema con menù a tendina HTML e CSS 4
F problema menu a tendina con explorer HTML e CSS 2
J Problema con menu a tendina collegato MS Access 0
P Problema con un menù a tendina PHP 7
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 4
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7
S Problema con mysqli_num_rows PHP 18
grgfede Problema javascript con aruba Javascript 1
M Problema con visibility e radio button Javascript 2
Marti1! Problema con casella mail cancellata Posta Elettronica 3
L [PHP] Problema con Telegram PHP 1
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
S Strano problema con i title su Google SEO e Posizionamento 3
P [ASP.Net] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font ASP.NET 4
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
N [Apache] problema con estensione php Apache 0
C [PHP] Problema con download file PHP 0
M [PHP] Problema con preg_match PHP 1

Discussioni simili