Problema di visualizzazione menù dropdown...

[Vocaltrance]

Salve a tutti...

Sto modificando un tema wordpress per un sito ed ho aggiunto ex-novo un menù dropdown e scrivendo il relativo css.

Quello che non capisco è perchè il menù, anche quando non è attivato, mi "occupa" un certo spazio spingendo il resto della home page verso il basso. Probabilmente è una sciocchezza, ma è da stamani che ci giro intorno. Il menù è visibile a questo indirizzo: http://www.5avi.it/wordpress/

L'idea è che le voci del menu si sovrapponessero al resto della home così come avviene in quest'altro sito: http://www.vocaltrance.it .

Qualche idea?

[mucu]

intanto aggiungi l' <ul> iniziale e poi vediamo cosa succede

[Vocaltrance]

Ops...sono passato da una chiamata di funzione di Wp ad una equivalente che non inserisce però il tag <ul> e quindi non mi sono accorto della cosa...
Comunque sia il problema permane....Idee?

[mucu]

eh si ti manca tutta la serie di regole per nascondere e mostrare il tuo "children"
controlla dove hai copiato :
dovresti trovare qualcosa tipo

.menu li .children {
}
.menu li:hover .children {
}

oppure

ul li ul {
}
ul li:hover ul {
}

[Vocaltrance]

ok, ci siamo quasi....mi manca solo di capire come fa apparire il menù sopra il resto e non far fare l balletto sopra/sotto alla prima pagina....

[mucu]

per apparire sopra il resto
children deve avere uno z-index superiore

per far lavorare lo z-index
children deve avere position differente da static, quindi absolute o relative dovrebbero andare bene

[Vocaltrance]

Ho dato uno z-index superiore...solo che con il relative continua a farmi lo stesso difetto, con l'absolute ho il problema di come riallineare il menù dropdown ad ogni possibile voce del menù principale (lavoranto in wp il nome della classe è generato dinamicamente in pase all'id della pagina!) ...

[mucu]

se hai messo il children con position absolute
assicurati che il[*] genitore abbia position relative, è la strada più semplice
tipo:

ul li {
    position: relative
}
ul .children {
    position: absolute
}

[Vocaltrance]

Funziona! Grazie mille.... ma onestamente non ho ben capito il senso di quest'ultima cosa :P

[mucu]

dando "relative" agli[*] abbiamo creato un riferimento preciso per un "figlio" posizionato assolutamente
ma siccome non sono bravo a spiegare, per capire meglio le varie possibilità puoi leggere
http://css.html.it/guide/lezione/40/...egli-elementi/
http://css.html.it/guide/lezione/41/...lla-posizione/