Copiare posizione moduli da bassa a alta

[helpdesk]

Ciao, nel template che utilizzo ho 4 moduli in linea (user15..16..17..18) che vorrei copiare identici mettendoli anche in una posizione alta, appena sotto la barra di navigazione del menu e credo si possa dire..prima della mainbody section..
Ho provato da me a fare un po' di cosette ma il risultato è che i moduli pur apparendo in posizione orizzontale nel'anteprima posizione moduli (li ho chiamati:user20..21..22..23) quando li setto dal pannello dei moduli, i contenuti del modulo appaiono in posizione verticale uno sotto l'altro e centrati.

Posto sia il codice originario sia quello da me copiato e modificato premettendo che quello che ho fatto l'ho fatto ad intuito non avendo basi di php. Ho creato anche una posizione nel file css dove indicare il settaggio dei moduli ma credo di non sapere bene dove esattamente deve essere inserito il codice css, perchè spostandolo in punti diversi mi incasina in maniera sempre diversa il template.

Grazie e ciao

CODICE ORIGINALE  per moduli in posizione BOTTOM

Codice: [Seleziona]

<?php if(mosCountModules('user15') || mosCountModules('user16') || mosCountModules('user17') || mosCountModules('user18')) { ?>
<div style="background:#FFFFFF;">
<div id="botmodsection">
<div id="botmodsection_inner">
<div class="botmodsection_inner_c">
<?php if (mosCountModules('user15')) { ?>
<div id="botmodsection_1" style="width:<?php echo $botsecmodwidth; ?>"><?php mosLoadModules ( 'user15',-2 ); ?></div>
<?php } ?>

<?php if (mosCountModules('user16')) { ?>
<div id="botmodsection_2" style="width:<?php echo $botsecmodwidth; ?>">
  <?php mosLoadModules ( 'user16',-2 ); ?>
</div>
      <?php } ?>

<?php if (mosCountModules('user17')) { ?>
<div id="botmodsection_3" style="width:<?php echo $botsecmodwidth; ?>"><?php mosLoadModules ( 'user17',-2 ); ?></div>
<?php } ?>

<?php if (mosCountModules('user18')) { ?>
<div id="botmodsection_4" style="width:<?php echo $botsecmodwidth; ?>"><?php mosLoadModules ( 'user18',-2 ); ?></div>
<?php } ?>
<div style="clear:both; line-height:1px;">&nbsp;</div>
</div>
</div>
</div>
</div>
CODICE MODIFICATO per copia UPPER

Codice: [Seleziona]

<!-- prova 4 moduli alti -->
       
       <?php if(mosCountModules('user20') || mosCountModules('user21') || mosCountModules('user22') || mosCountModules('user23')) { ?>
<div style="background:#FFFFFF;">
<div id="upmodsection">
<div id="upmodsection_inner">
<div class="uptmodsection_inner_c">
<?php if (mosCountModules('user20')) { ?>
<div id="upmodsection_1" style="width:<?php echo $upsecmodwidth; ?>"><?php mosLoadModules ( 'user20',-2 ); ?></div>
<?php } ?>

<?php if (mosCountModules('user21')) { ?>
<div id="upmodsection_2" style="width:<?php echo $upsecmodwidth; ?>">
  <?php mosLoadModules ( 'user21',-2 ); ?>
</div>
      <?php } ?>

<?php if (mosCountModules('user22')) { ?>
<div id="upmodsection_3" style="width:<?php echo $upsecmodwidth; ?>"><?php mosLoadModules ( 'user22',-2 ); ?></div>
<?php } ?>

<?php if (mosCountModules('user23')) { ?>
<div id="upmodsection_4" style="width:<?php echo $upsecmodwidth; ?>"><?php mosLoadModules ( 'user23',-2 ); ?></div>
<?php } ?>
<div style="clear:both; line-height:1px;">&nbsp;</div>
</div>
</div>
</div>
</div>
<?php } ?>

[dlando]

guarda che nella definizione delle classi css ci sia la definizione di
display: inline;

altrimenti in automatico i div "vanno a capo"

[helpdesk]

 è meglio che posto anche il css relativo

ciao

Codice: [Seleziona]

/* setting for 4 upper module */
#upmodsection {

border-top:1px solid #E2DFDF;
width:100%;
}
#upmodsection a { color: #FF0000;}
#upmodsection a:hover { color:#333333;}
#upmodsection_inner {
}
.upmodsection_inner_c{
}
#upmodsection_1 {
float:left;
}
#upmodsection_2 {
float:left;}
#upmodsection_3 {
float:left;}
#upmodsection_4 {
float:left;}
#upmodsection div.moduletable h3 {
font-size:14px;
font-family:"Lucida Sans Unicode", Arial, Verdana;
font-weight:bold;
color: #993333;
margin-bottom:17px;
padding-left:0px;
line-height:10px;
}
#upmodsection div.moduletable,
#upmodsection div.moduletable td  {
color:#666666;
padding:10px;
font-size:11px;
margin-bottom:0;
text-align:left;    

[dlando]

e il css relativo ai vecchi moduli e' fatto allo stesso modo ?

[helpdesk]

si tranne che per per l'originale al posto del suffisso up c'è bot (esempio: upmodsection nell'originale è botmodsection)

Ciao e grazie

[dlando]

guarda il codice sorgente della pagina ( lo avrei guardato da me ma non ho il link al sito ) e controlla che le id che passi ai vari DIV siano le stesse che sono settate nei css.

[helpdesk]

Ciao, sono riuscito a metter ei moduli in posizione alta tra la barra di navigazione orizzontale e l'inizio delle sezioni left, content, e right ma ora ho un'altro problema di carattere estetico in quanto desidererei riconoscere a questo gruppo di moduli un'altezza fissa e non variabile sulla base di cosa contengono altrimenti se inserisco tutti e 4 i moduli con contenuti differenti ognuno si definisce la propria altezza e peggio ancora se gli do' anche uno sfondo diverso, lo sfondo mi funziona in relazione all'altezza del contenuto inserito.
Che tipo di codice và inserito o che modifica andrebbe fatta? Si deve modificare la index vero?

Il sito in oggetto è www.ccnl.it ma ora i moduli non sono settati per i motivi detti.

ciao

[dlando]

inserisci l'altezza tramite css:
height: Npx; dove N e' l'altezza che ti interessa.

Puoi farlo sia nel file css dove hai definito le classi sia all'interno di style nel foglio HTML a fianco di dove e' definita width.

Poi, per sicurezza, nel caso in cui usassi delle immagini di sfondo, metti
overflow: hidden;

Sempre o nel css o nell'html all'interno di style.

[helpdesk]

Grazie aiuto preziosissimo, partiro con l'esperimento
ciao e grazie di nuovo