[RISOLTO] Joomla! 2.5.3: visualizzare in HP tre articoli su due colonne

[borzoi]

Buonasera a tutti,
come penso sia tratti, per la voce "Menu principale" -> "Home Page" ho scelto come tipo di voce di menu "Articoli in evidenza di tutte le categorie".
In "Contenuti" -> "Articoli in evidenza", ho 3 articoli.
Vorrei ora visualizzarli in Home Page su due colonne.
Dalla voce di menu  "Menu principale" -> "Home Page", fra le "Opzioni layout", ho provato ad impostare i seguenti parametri:

- n. articoli principali: 3
- n. articoli introduttivi: 0
- n. colonne: 2
- n. link: 3

Purtroppo continua a mostrarmi i tre contenuti l'uno di seguito all'altro, su un'unica colonna; ed anche agendo su "Ordinamento multicolonna", non sortisco alcun effetto.
Ho provato varie combinazioni, pulendo la cache e ricaricando la pagina con CTRL+F5 più volte, sia in IE9 che in Firefox11.
Qualcuno ha idea di come risolvere il problema?

[tonicopi]

Devi impostare così:
- n. articoli principali: 0
- n. articoli introduttivi: 3
ma il layout sarà bruttino... 

[borzoi]

Devi impostare così:
- n. articoli principali: 0
- n. articoli introduttivi: 3
ma il layout sarà bruttino... 

Ti assicuro che anche con le tue impostazioni (e per quanto riguarda "n. link"?...), continua a visualizzare tutti e tre gli "articoli in evidenza" su una sola colonna.

[maicolstaip]

Ciao borzoi,
prova a svuotare la cache del browser...

[borzoi]

Ciao borzoi,
prova a svuotare la cache del browser...

Come sopra scritto: fatto, rifatto, arcifatto

[maicolstaip]

Ciao,
qual è questo sito?

[borzoi]

Ciao,
qual è questo sito?

Non è online
Lo sto costruendo...

[adottauncane]

Ciao borzoi,
hai il css per impostare le due colonne?

[borzoi]

Ciao borzoi,
hai il css per impostare le due colonne?

no

[adottauncane]

Prova ad aggiungere nel file css del template:

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;
}
e vedi se va.

[borzoi]

We thank you SO, SO, SO much!!!!
Adesso funziona

[borzoi]

C'è anche un modo per disporre due articoli, l'uno di seguito all'altro, sulla sinistra, ed un terzo (notevolmente più lungo) sulla destra?

[adottauncane]

Immagino di sì. Spostali con un ordine diverso e imposta la home con la visualizzazione ordinamento. E prova anche orizzontale e verticale, finché non hai la sequesnza giusta.

[borzoi]

Immagino di sì. Spostali con un ordine diverso e imposta la home con la visualizzazione ordinamento. E prova anche orizzontale e verticale, finché non hai la sequesnza giusta.

Provato, ma non me ne esco...
L'unica è creare una nuova classe "row-1" nel CSS del template, imponendo una "position: absolute", ma non mi sembra DAVVERO la migliore delle soluzioni!!!

[borzoi]

Ok, risolto con un "position: relative" ed un valore negativo per "top".
Non proprio il massimo, ma comunque "regge" al variare della risoluzione dello schermo.

[biberone]

aiuto ho lo stesso problema ma con il codice sul css non funziona..... Carneade please...

[giusebos]

apri un nuovo post, questo è del 2012 prima che finisse il mondo!!!