Back to top

Autore Topic: moduli allineati in orizzontale  (Letto 1426 volte)

Offline cicciomaz

  • Esploratore
  • **
  • Post: 56
  • Sesso: Maschio
    • Mostra profilo
moduli allineati in orizzontale
« il: 07 Ott 2009, 00:25:28 »
Salve, scusate volevo chiedervi una cosa.

Mi sto imbattento nella realizzazione di un temlates personalizzato e mi sono arenato su un punto.

Quando inserisco due moduli nello stesso contenitore in automatico vengono allineati verticalmente.

Esiste un modo per allinerali orizzontalmente???

Io ho provato con diverse soluzioni tipo questa:


<?php
if($this->countModules('header and header') == 2) $divwidth= "49%";
if($this->countModules('header and header') == 1) $divwidth= "98";
?>

 </head>
<body>

  <!-- inizio contenitore -->
  <div id="wrapper">

<!-- Header -->
<?php if($this->countModules('header')): ?>
      <div id="header">
      <jdoc:include type="modules" name ="header" style=" xhtml "  />     
</div>
<?php endif; ?>
  <!-- fine Header -->

ma senza alcun risultato.

Qualcuno sa aiutarmi???

Grazie, CIAO.

Offline cicciomaz

  • Esploratore
  • **
  • Post: 56
  • Sesso: Maschio
    • Mostra profilo
Re:moduli allineati in orizzontale
« Risposta #1 il: 07 Ott 2009, 00:44:03 »
Ho risolto seguendo il consiglio di questo forum:

http://forum.joomla.it/index.php/topic,77388.0.html

Grazie.CIAO

Offline cicciomaz

  • Esploratore
  • **
  • Post: 56
  • Sesso: Maschio
    • Mostra profilo
Re:moduli allineati in orizzontale
« Risposta #2 il: 07 Ott 2009, 18:18:15 »
A dire il vero ho risolto così:

Nella Pagina Html ho inserito questo codice:

<!-- Header -->

      <div id="header">
<?php if($this->countModules('header1 or header2')) : ?>
                        <table class="nopad header1header2">
                           <tr valign="top">
                              <?php if($this->countModules('header1')) : ?>
                                 <td width="50%">
                                    <jdoc:include type="modules" name="header1" style="xhtml" />
                                 </td>
                              <?php endif; ?>
                              <?php if($this->countModules('header1 and header2')) : ?>
                                 <td>&nbsp;</td>
                              <?php endif; ?>
                              <?php if($this->countModules('header2')) : ?>
                                 <td width="50%">
                                    <jdoc:include type="modules" name="header2" style="xhtml" />
                                 </td>
                              <?php endif; ?>
                           </tr>
                        </table>
                     <?php endif; ?>
      <jdoc:include type="modules" name ="header" style=" xhtml "  />
</div>
  <!-- fine Header -->


Nel css questo:

/* module control elements */
table.header1header2 div.moduletable {
   margin-bottom: 0px;
}

table.nopad {
   width: 100%;
   padding: 1%;
}


Ovviamente, prima ho creato le posizioni header1 ed header2 nel file templateDetailis.xml

CIAO.

 



Web Design Bolzano Kreatif