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 => : wakeup 15 Feb 2012, 12:32:32

: [RISOLTO] Il modulo copre il menù...
: wakeup 15 Feb 2012, 12:32:32
Sto lavorando in locale con il template Sj_news 2.5, ed ho scaricato un modulo per lo slideshow di foto ed articoli che ho posizionato proprio sotto la barra del menù principale che mi crea un problema, mi copre il menù a tendina che scende.
Ovvero, il modulo risulta in primo piano rispetto alle voci di menu a discesa.
Non so se sono riuscito ad essere chiaro.
: Re:il modulo copre il menù...
: hapax 15 Feb 2012, 12:55:49
...molte volte è possibile che un elemento si sovrapponga ad un altro.

utilizza nel tuo css la proprietà z-index per stabilire quale modulo ha il livello di posizione più in alto

..funziona tipo i livelli dei programmi di grafica

nel tuo caso il modulo con il menu a tendina..dovrebbe avere il livello più alto del modulo slideshow

 ;)
: Re:il modulo copre il menù...
: wakeup 15 Feb 2012, 13:37:42
ok, ci sto provando. Grazie. farò sapere, per cui ancorta non metto RISOLTO.
: Re:il modulo copre il menù...
: wakeup 16 Feb 2012, 23:44:57
Dopo un paio di giorni di studio... risolto!!!
Anche grazie a questa guida... per chi ne avesse bisogno...:
http://www.yourinspirationweb.com/2010/04/09/css-come-utilizzare-la-proprieta-z-index/
Grazie ancora
: Re:[RISOLTO] Il modulo copre il menù...
: Salvatore.AM 17 Feb 2012, 12:48:45
grazie per il link,


è proprio quello che mi serviva, per sovrapporre il logo allo slider


http://www.campingpaestum.it/joomla/ (http://www.campingpaestum.it/joomla/)



in position.css, per il logo

:
#logo
{
        margin-top:0.6em;
        margin-left:10px;
        /* position:absolute;*/
        display:block;
        padding:20px 20px 20px 10px;
        width:425px;
        padding-top:0.6em;
        font-weight:normal;
        line-height:1em;
        font-size:3em;
        z-index:10;
        position:relative;


}


sempre in position.css per il slider

:

#slider87 {
        top: 0%;
        left: 0%;
        margin-top: -197px;
        margin-left: 10px;
        z-index:0;
        position:relative;


}