I "featured articles" non vengono visualizzati in colonne - RISOLTO

[cryptbear]

Non riesco a visualizzare i "featured articles" in colonne. Ho impostato il mio menu nel menu manager con:
leading articles: 0
intro articles: 6
columns: 2
links: 0
ma me li fa vedere tutti in una colonna...


Ho 5 articoli che contengono una foto e del testo in <p></p>. non ci sono <div> tags attorno...


Qualcuno ha un'idea di che cosa puó trattare?

[lady r]

che template usi? usando quello di default funziona?

[cryptbear]

si usando quelli di default funziona. Il mio css che contiene la parte é:



#content {
   width: 960px;
   height: auto;
   padding: 30px 0 20px 0;
}

[lady r]

dimmi che template stai usando, e se nella cartella html del template ci son altre cartelle, se si, quali

[cryptbear]

Ho creato un template mio. Nella cartella html ho soltanto il modulo delle lingue modificato.

[lady r]

su che template è basato il tuo?

[cryptbear]

Su nessuno. L'ho creato da zero. Ho fatto il layout della pagina html e css in dreamweaver, poi ho trasformato la pagina in php, ho scritto l'xml ecc. e poi ho fatto uno zip e installato in joomla.

[lady r]

probabilmente hai dimenticato di impostare l'allineamento affiancato dei due blocchi che compongono le colonne

ora non sono al pc, comunque proverei a impostare overflow:hidden al mainbody e float:left ai blocchi

[cryptbear]

grazie mille! Lo provo subito

[56francesco]

almeno la sezione nel forum? non è difficile..
sposto.

[cryptbear]

Scusami, all'inizio pensavo che fosse una impostazione di joomla che io non avevo visto, per quello io l'avevo messo in quel forum. Invece ora sto notando che sia qualcosa col mio template che non va...


Comunque
overflow: hidden  nasconde soltanto il contenuto che fuoriesce da un blocco e non ha risolto il problema delle colonne.


Grazie comunque dell'aiuto!

[adottauncane]

Ciao cryptbear,
probabilmente non il css per le colonne. Prova ad inserire questo:

Codice: [Seleziona]

/*colonne*/

.cols-2 .column-1 {
    float: left;
    width: 48%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 48%;
}
.item {
    display: block;
    padding: 0 5px 10px;
}
.column-1, .column-2, .column-3 {
    padding: 0px;
}
.items-row {
    margin-top: 15px !important;
    overflow: hidden;
}
.cols-1
{
  display: block;
  float: none !important;
}
.cols-3 .column-1
{
  float:left;
  width:29%;
  padding: 0px;
  margin-right:4%;

}
.cols-3 .column-2
{
  float:left;
  width:29%;
  margin-left:0;
  padding: 0px;
}
.cols-3 .column-3
{
  float:right;
  width:29%;
  padding:0px;
}

[cryptbear]

Grandissimo! Grazie veramente tanto! Era quello che mancava! Ora funziona alla grande!!! 

[lady r]

overflow: hidden serve per evitare che un div contenitore di contragga quanto all'interno solo presenti solo elementi flottanti.