[RISOLTO] Articoli su 3 colonne

[deiv]

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

[adottauncane]

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

[deiv]

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

Eventualmente come si può inserire l'opzione?
Grazie

[adottauncane]

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

[deiv]

Sì, è questo

La pagina che mi fa dannare    è management

[lady r]

é normale sia completamente allineato a sinistra?

[deiv]

in che senso? intendi tutto il sito?

[lady r]

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

[adottauncane]

Incolla questo al fondo del file css del template:

Codice: [Seleziona]

.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.

[deiv]

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!

[adottauncane]

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

[adottauncane]

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

[deiv]

Risolto! C'era un margin di troppo

Codice: [Seleziona]

.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!!

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? 

[adottauncane]

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