Come spostare un div sopra ad un altro?

[deiv]

Ciao a tutti,
sto realizzando un sito personalizzando un template gratuito. Sono riuscito a portare il menu del login più in alto, però mi finisce sotto lo slide show! Come faccio a portarlo in alto in modo che non venga nascosto?
Grazie mille!!


Vi linko il sito di test, così si capisce meglio

[xplosion]

Non e che l'hai pubblicato nella stessa posizione?

[deiv]

il Problema è che se visualizzo le posizioni, sono tutte sotto il banner!! Tra l'altro non so come individuare la posizione del banner... Penso sia la 1 insieme al top menu.
Però se metto il menù principale in 1 prende la grafica del top menù!!
Aiuto!!!

[deiv]

Per intenderci vorrei  che il menu principale stesse sopra al banner. Ho provato anche spostando sopra il div che contiene il menu ma niente: il menù si sposta in alto ma rimane sotto al banner!

[deiv]

scusate, faccio un piccolo up! 


Nessuno riesce ad aiutarmi? non so più dove sbattere la testa...

[map]

Pubblica il link al sito, così non si capisce il problema....

[deiv]

Ecco il link:


http://www.davidecalvani.com/tiemmesound


Io vorrei avere il menu sopra al banner animato...
Grazie!

[map]

Come banner animato intendi lo slide ?

[deiv]

sì, sì  lo slide...

[map]

Ma lo slide ha dei bottoni per cambiare l'immagine e ci andresti sopra con il menu.... Ho sposti i bottoni o li elimini..

[deiv]

Sì i bottoni li posso eliminare, non mi interessano... l'importante è che riesca a portare il menu sopra.
Ho provato a cambiare posizione al menu, ma rimane sotto.
Anche spostandolo in un div al di sopra dello slide niente da fare!
Non capisco quale sia il paramentro che definisca questa cosa... 

[xplosion]

Lo slide è inserito nella position-3 e occupa tutta la larghezza della pagina. Il menu laterale è inserito nella position-7 (simile a "left").
Hai provato a cambiare tra di loro le posizioni?

[map]

Devi creare una nuova posizione modulo prima del div id slider.

<div id="nuovo_div">
<jdoc:include type="modules" name="nomeposizionecreata" style="rounded" />
      <>
Poi crei un nuovo stile
#nuovo_id {
position:relative;
top:0px;
left:50px;
z-index:10;
}

[deiv]

uhm... forse non ho capito bene cosa intendi.
Ho provato a farlo e il menu va sopra lo slider, ma senza sovrapporsi, se guardi ora il sito lo vedi.
Io vorrei che fosse così:

[map]

Prova a mettere position:absolute; a menusopra,


Poi gli dai la posizione con top e left.

[xplosion]

Mi sa di aver capito. Con "sopra" intendi la posizione z-index, giusto? Come se fossero dei "livelli" in photoshop.
Se e così devi rimetterli (i moduli) come stavano prima e poi impostare un margin-bottom per lo slide un valore negativo.

[deiv]

scusa xplosion, non ho capito... rimetto tutto come prima, cioè con anche il menu in posizione 7. Poi il margin-bottom lo metto nel template.css?


tipo così:



#slider{
   width: 960px;
   height:415px;
   margin-top:50px;
   margin-left:10px;
   background:url(../images/loading.gif) no-repeat 50% 50%;
   margin-bottom:-50;
}

[xplosion]

Si

[deiv]

Grazie a tutti! Ho risolto mettendo:


nel div dello slider (che volevo rimanesse sotto)

style="position:relative; z-index:3"



e nel div del menu (che volevo sopra)

style="position:relative; z-index:2"

Non importa in che ordine siano i div, l'importante è che i numeri "alti" indicano livelli inferiori e quelli "bassi" livelli superiori. Quindi se ho tre livelli, z-index 3 sarà sotto a tutti, z-index 2 in mezzo e z-index 1 quello più in alto.

Ciao e grazie ancora!

P.S.:Non so come si fa a modificare il titolo per mettere [RISOLTO] qualche mod può farlo?