Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : deiv 30 Nov 2011, 15:38:45

: [RISOLTO] Articoli su 3 colonne
: deiv 30 Nov 2011, 15:38:45

Ciao a tutti!

Vorrei sapere come fare per mettere gli articoli su 3 colonne!

Diciamo che ho un tasto "NOVITA'" che mi porta agli articoli in evidenza nella categorie notizie.
Entro nel tasto "NOVITA'" e  nelle opzioni layout setto:

n. articoli principali = 0 (se no me ne mette uno in orizzontale per tutta la larghezza)

n. articoli introduttivi = 3

n.colonne = 3

Quello che ottengo sono due colonne e il terzo articolo prende tutta la larghezza!!
Qualche consiglio?
Grazie mille

Deiv

: Re:Articoli su 3 colonne
: adottauncane 30 Nov 2011, 17:35:19

Ciao deiv,
magari il template non prevede tre colonne...

: Re:Articoli su 3 colonne
: deiv 30 Nov 2011, 18:36:03

azz! Questo non l'avevo nemmeno preso in considerazione... è il theemza_J17_05...

Eventualmente come si può inserire l'opzione?
Grazie

: Re:Articoli su 3 colonne
: adottauncane 30 Nov 2011, 18:53:25

Sì, credo proprio di sì. Hai un link al sito?

: Re:Articoli su 3 colonne
: deiv 30 Nov 2011, 19:25:03

Sì, è questo (http://www.davidecalvani.com/aeaitalia)

La pagina che mi fa dannare   >:( è management (http://www.davidecalvani.com/aeaitalia/index.php/chisiamo/management)

: Re:Articoli su 3 colonne
: lady r 30 Nov 2011, 19:39:22

é normale sia completamente allineato a sinistra?

: Re:Articoli su 3 colonne
: deiv 30 Nov 2011, 19:46:43

in che senso? intendi tutto il sito?

: Re:Articoli su 3 colonne
: lady r 30 Nov 2011, 20:34:28

il wrapper è tutto a sinistra... credo dovrebbe essere centrato nella pagina invece.

: Re:Articoli su 3 colonne
: adottauncane 30 Nov 2011, 22:00:49

Incolla questo al fondo del file css del template:

:

.cols-3 .column-1 {
    float: left;
    margin-right: 4%;
    padding: 0;
    width: 31%;
}

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

.cols-3 .column-3 {
    float: left;
    margin-left: 0;
    padding: 0;
    width: 30%;
}
poi regola il width come ti serve.

: Re:Articoli su 3 colonne
: deiv 30 Nov 2011, 22:35:42

Grandissimo! Funziona... però la colonna in centro mi viene sotto... bo, adesso provo a smanettare un po' vediamo se ne vengo a capo!

Grazie mille!

: Re:Articoli su 3 colonne
: adottauncane 30 Nov 2011, 22:38:51

Prova ad incollarlo proprio in fondo al file, in modo che sovrascriva le regole precedenti. Oppure correggi quelle.

: Re:Articoli su 3 colonne
: adottauncane 30 Nov 2011, 22:43:01

mmm, no, non basta. Hai cambiato qualcosa da prima?

: Re:Articoli su 3 colonne
: deiv 30 Nov 2011, 23:03:23

Risolto! C'era un margin di troppo

:

.cols-3 .column-1 {
    float: left;
    margin-right: 4%;
    padding: 0;
    width: 30%;
}

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

.cols-3 .column-3 {
    float: left;
    margin-left: 0;
    padding: 0;
    width: 30%;
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.column-1,
.column-2,
.column-3
{
        padding:0px 0px
}

.column-2
{
        width:55%;
        margin-left:30%;
}

Ho tolto quello e poi ovviamente la somma delle larghezze delle colonne (width) e la distanza (margin-right) deve dare 100%. Lo scrivo per i rimbambiti come me che non ci avevano pensato subito!! :D

Ma posso farti un'altra domanda? Come l'hai scoperta questa cosa? Perchè sei un programmatore e conosci il codice come se lo parlassi al posto dell'italiano? O hai qualche altro segreto?  :D

: Re:Articoli su 3 colonne
: adottauncane 30 Nov 2011, 23:14:53

Sono un genio del copia incolla.  ;) Guardo gli altri template e copio il codice (questo delle colonne non cambia).