Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : macgiglio 04 Nov 2010, 13:45:53

: moduli attaccati
: macgiglio 04 Nov 2010, 13:45:53
E' da poco che sto cercando di creare e modificare template joomla. Non ho capito una piccola cosa. Come faccio ad inserire un margine di qualche pixel  tra i diversi moduli inseriti in un div in modo da non averli tutti attaccati?
: Re:moduli attaccati
: ophtalmos 04 Nov 2010, 14:21:57
con l'attibuto margin dal file .css
: Re:moduli attaccati
: macgiglio 04 Nov 2010, 14:43:15
non mi sono spiegato bene forse ....poniamo di avere questo codice:
<div id="left">
<jdoc:include type="modules" name="user1"  />
</div>

e nel css

#left {
   float: left;
   width: 241px;
   margin: 5px;
   padding: 0px 0px 0 30px;
   clear: left;
}

il margin mi separa dal div superiore, ma se inserisco più moduli in user1 questi saranno tutti attaccati. Perche? come posso risolvere?   Grazie
: Re:moduli attaccati
: ophtalmos 04 Nov 2010, 16:52:43
vai nel div dei moduli nella "position" che t'interessa e in serisci "margin-bottom", se in verticale o un "margin-right o left" se orizzontale; semplice?
Se non riesci, dammi il link
ciao
: Re:moduli attaccati
: macgiglio 04 Nov 2010, 17:03:22
ok, farò così....pensavo che c'era un altro modo più sbrigativo facendo il modo che ogni modulo ereditava il margin... grazie
: Re:moduli attaccati
: macgiglio 04 Nov 2010, 18:49:33
ma è sbagliato scrivere qualcosa del genere?

<div id="left">
<jdoc:include type="modules" name="user1" style=" margin-bottom: 40px; "  />
</div>

potrebbe funzionare?
: Re:moduli attaccati
: macgiglio 04 Nov 2010, 18:53:17
non funziona.....perche?
: Re:moduli attaccati
: conti1 05 Nov 2010, 04:21:19
non funziona.....perche?
ciao
xche dove hai messo il css non funziona in quel modo lo style definito in quella stringa serve  se poi hai un modulo crhome.
creati il css del modulo come fanno tutti e non difficile
:
<div id="left">
<jdoc:include type="modules" name="user1" style=" xhtml"  />
</div>
tuo css
#left {margin-bottom: 40px; }