Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : deiv 05 Oct 2011, 15:24:22

: Come spostare un div sopra ad un altro?
: deiv 05 Oct 2011, 15:24:22
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 (http://www.davidecalvani.com/tiemmesound), così si capisce meglio
: Re:Come spostare un div sopra ad un altro?
: xplosion 05 Oct 2011, 16:54:37
Non e che l'hai pubblicato nella stessa posizione?
: Re:Come spostare un div sopra ad un altro?
: deiv 25 Oct 2011, 17:37:45
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!!!
: Re:Come spostare un div sopra ad un altro?
: deiv 25 Oct 2011, 21:36:41
(http://www.davidecalvani.com/joomla/sito.jpg)

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!
: Re:Come spostare un div sopra ad un altro?
: deiv 28 Oct 2011, 13:26:45
scusate, faccio un piccolo up!  :D


Nessuno riesce ad aiutarmi? non so più dove sbattere la testa...
: Re:Come spostare un div sopra ad un altro?
: map 28 Oct 2011, 13:37:19
Pubblica il link al sito, così non si capisce il problema....
: Re:Come spostare un div sopra ad un altro?
: deiv 28 Oct 2011, 14:15:15
Ecco il link:


http://www.davidecalvani.com/tiemmesound


Io vorrei avere il menu sopra al banner animato...
Grazie!
: Re:Come spostare un div sopra ad un altro?
: map 28 Oct 2011, 14:20:16
Come banner animato intendi lo slide ?
: Re:Come spostare un div sopra ad un altro?
: deiv 28 Oct 2011, 14:23:15
sì, sì  lo slide... ;D
: Re:Come spostare un div sopra ad un altro?
: map 28 Oct 2011, 14:24:58
Ma lo slide ha dei bottoni per cambiare l'immagine e ci andresti sopra con il menu.... Ho sposti i bottoni o li elimini..
: Re:Come spostare un div sopra ad un altro?
: deiv 28 Oct 2011, 14:28:48
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...  :(
: Re:Come spostare un div sopra ad un altro?
: xplosion 28 Oct 2011, 14:37:13
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?
: Re:Come spostare un div sopra ad un altro?
: map 28 Oct 2011, 14:38:32
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;
}
: Re:Come spostare un div sopra ad un altro?
: deiv 28 Oct 2011, 14:50:00
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ì:


(http://www.davidecalvani.com/joomla/esempio.jpg)
: Re:Come spostare un div sopra ad un altro?
: map 28 Oct 2011, 14:59:29
Prova a mettere position:absolute; a menusopra,


Poi gli dai la posizione con top e left.
: Re:Come spostare un div sopra ad un altro?
: xplosion 28 Oct 2011, 15:31:07
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.
: Re:Come spostare un div sopra ad un altro?
: deiv 28 Oct 2011, 15:43:30
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;
}
: Re:Come spostare un div sopra ad un altro?
: xplosion 28 Oct 2011, 16:16:12
Si
: Re:Come spostare un div sopra ad un altro?
: deiv 14 Nov 2011, 19:50:14
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?