problema affiancamento moduli e lettura css

[doic]

volevo affiancare i moduli (sono di prova) con nomi "c cxv xcv" e "copia di c cxv xcv " come potete vedere sul sito http://www.controcorrenteonlus.it/

ho quindi creato le posizioni usera e userb e funzionano, nel php sono:

" <?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('usera')) : ?>
      <div id="nuovo_div">
        <jdoc:include type="modules" name="usera" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>

 <?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('userb')) : ?>
      <div id="nuovo_div">
        <jdoc:include type="modules" name="userb" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>"


però sembra non riconoscermi il css, non me li affianca né mi dà il colore di prova che per provare avevo messo lo sfondo nero. Oltre a non affiancarmi i moduli non mi riconosce nemmeno il colore di sfondo, quindi ho il dubbio che non mi riconosca proprio il css

il css che ho scritto in template.css è

"#nuovo_div {
 float: left;
background-color: black;
 width:20%;}"

sto disperando, vi chiederei una soluzione

[Filolari]

Ciao , dal file css da quello che vedo , stai richiamando un id (#) e non una classe (.)come hai impostato nei div.

[Filolari]

Ciao , dal file css da quello che vedo , stai richiamando un id (#) e non una classe (.)come hai impostato nei div.

no ! mi sto sbagliando , ma proverei a inserire clear:"right" nel div di sinistra ...

[doic]

scusa non ho capito bene, sono un po' alle prime armi coi codici, qual è il punto esatto dove dovrei inserirlo?

grazie della pazienza!

[doic]

ho cercato notizie su clear, ma mi dice che ti libera la destra o la sinistra di un elemento floatato. Io invece le voglio proprio affiancate, non dovrebbe essere il contrario??

[Filolari]

ciao, le due posizioni le devi creare in due div separati

<?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('usera')) : ?>
      <div id="nuovo_div">QUI METTI nuovo_div1
        <jdoc:include type="modules" name="usera" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>

 <?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('userb')) : ?>
      <div id="nuovo_div">QUI METTI nuovo_div2
        <jdoc:include type="modules" name="userb" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>"


altrimenti hai due div con lo stesso id: che non esiste nelle regole css

a quel punto puoi far galleggiare quello di destra inserendo la propietà float e facendo in modo che
le dimensioni orizz dei due div non superino quelle del div contenitore ...

altrimenti prova a postarmi il codice intero... ciao

[andry11]

Non crearti ancora casini.. basta che aggiungi al file template.css la seguente regola:

#nuovo_div1, #nuovo_div2 {
    float: left;
    width: 50%;
    margin: 0 auto;
}

E tutto va alla grande..
Peace!

[doic]

ciao, le due posizioni le devi creare in due div separati

<?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('usera')) : ?>
      <div id="nuovo_div">QUI METTI nuovo_div1
        <jdoc:include type="modules" name="usera" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>

 <?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('userb')) : ?>
      <div id="nuovo_div">QUI METTI nuovo_div2
        <jdoc:include type="modules" name="userb" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>"


altrimenti hai due div con lo stesso id: che non esiste nelle regole css

a quel punto puoi far galleggiare quello di destra inserendo la propietà float e facendo in modo che
le dimensioni orizz dei due div non superino quelle del div contenitore ...

altrimenti prova a postarmi il codice intero... ciao

non mi funge uguale

[doic]

Non crearti ancora casini.. basta che aggiungi al file template.css la seguente regola:

E tutto va alla grande..
Peace!

mi dispiace ma continua a non andare

secondo me per qualche motivo ignoto non si associa al css, tant'è che non viene nemmeno lo sfondo nero come avevo messo per provare

[andry11]

se riporti l'index.php com'era prima del mio ultimo post ti funziona.

In poche parole devi creare due posizioni nuovo_div1 e nuovo_div2 sull'index.php e scrivere la regola che ti ho detto io..

Bye

[doic]

dici così?

<?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('usera')) : ?>
      <div id="nuovo_div1">
        <jdoc:include type="modules" name="usera" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>

 <?php /*Aggiungo la nuova posizione modulo */?>                                       
    <?php if ($this->countModules('userb')) : ?>
      <div id="nuovo_div2">
        <jdoc:include type="modules" name="userb" style="xhtml" />
      </div>
   <?php endif; ?>
 <?php /*Fine aggiunta nuova posizione modulo*/?>

non funziona, era già così

[andry11]

1) index.php aggiungi nella posizione desiderata:

<div id="nuovo_div1"><jdoc:include type="modules" name="nuovo_div1"/></div>
<div id="nuovo_div2"><jdoc:include type="modules" name="nuovo_div2"/></div>

2) Crea le posizioni nel templateDetails.xml
3) Inserisci la regola nel file template.css che ti ho detto io

E funziona tutto.

[doic]

1) index.php aggiungi nella posizione desiderata:

<div id="nuovo_div1"><jdoc:include type="modules" name="nuovo_div1"/></div>
<div id="nuovo_div2"><jdoc:include type="modules" name="nuovo_div2"/></div>

2) Crea le posizioni nel templateDetails.xml
3) Inserisci la regola nel file template.css che ti ho detto io

E funziona tutto.

aiuto!!!
ora me li ha messi ancora uno sotto l'altro e per giunta mi ha levato il titolo del modulo!

[andry11]

1. Fai sempre una copia quando modifichi qualcosa e non sai cosa stai facendo
2. Avrai cancellato qualcosa che non dovevi ricarica l'index.php del pacchetto oriniginale del template.
3. Non hai aggiunto nessuna regola nel file template.css come ti ho detto
4. Se faicome ti dico funziona al 101%.

Notte