[RISOLTO] Formattazione colonne centrali in home page.

[giusep]

Gent.mi del forum,
devo dare una sistematina alla home page, dividere le due colonne centrali con una linea verticale.
Ho scritto nel css template
.column_separator {
   border-left: 1px solid #e0e0e0;
   padding-left: 10px;
}
riportato da un'altro post.

La linea verticale si vede, solo che prende la formattazione della colonna di destra.
Come potrei fare per formattare anche la colonna di sinistra?
Tante grazie antic.
Salutoni

[sudoku]

sarebbe il minimo fornire template e link al sito. Grazie

[giusep]

Gent.mo sudoku
questo è il link del sito:
http://www.periragazzi.net/lavori/
 
Salutoni

[giusep]

sarebbe il minimo fornire template e link al sito. Grazie

forse la pagina non era raggiungibile... sto trasferendo il sito, adesso si dovrebbe vedere immediatamente sulla home page.

[kuvier00]

Le due colonne hanno la stessa classe "article_column", quindi la seguente regola si applicherà a tutte e due le colonne:

Codice: [Seleziona]

.article_column {
    ...
    ...
}

Non ho capito poi che intendi per "prende la formattazione della colonna di destra". La linea prende la formattazione o tutta la colonna?

[giusep]

Grazie per la tua risposta kuvier00,
volevo dire che i dati del CSS
.column_separator {
   border-left: 1px solid #e0e0e0;
   padding-left: 10px;
}
vengono applicati automaticamente alla colonna destra della sezione centrale della mia home page, anche se non è specificata la colonna destra.
.column_separator si riferisce in automatico a quella destra.
Come devo fare per impostare il border e il padding anche alla colonna sinistra?
Grazie e tanti saluti.

[giusep]

Ho segnato RISOLTO,
ma non è del tutto risolto,
voglio solo mostrare una linea verticale centrale, mentre in questo caso (come ha suggerito kuvier00) si mostrano DUE linee verticali, a secondo quello che si sceglie, o destra o sinistra.

[kuvier00]

Ma scusa se facevi come hai già fatto prima, la linea appare SOLO al centro, quindi andava bene no? Non ha senso mettere la linea di separazione a tutte e due le colonne, se poi deve apparire solo in mezzo (basta impostarla a una colonna).

[adottauncane]

Ciao giusep,
dico la mia 
Prova a incollare al fondo di template.css questo:

Codice: [Seleziona]

.item-bg {
margin-left: 5px;
margin-right: 10px;
}

[giusep]

Ma scusa se facevi come hai già fatto prima, la linea appare SOLO al centro, quindi andava bene no? Non ha senso mettere la linea di separazione a tutte e due le colonne, se poi deve apparire solo in mezzo (basta impostarla a una colonna).

kuvier00
hai ragione, solo che c'è pure il problema del PADDING.
Come ho fatto prima, essendo che prendeva i comandi per la colonna sinistra il pagging (left & right) si riferiva automaticamente a questa;
se scrivo border right il padding (left & right) si riferisce alla colonna destra.

Ho scritto questo
{border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
   padding-left: 10px;
   padding-right: 5px;
}
però così ho tre linee verticali, di positivo posso controllare i padding.

La cosa sta diventanto un po confusa.
Se hai la soluzione per una linea centrale con la possibilità di regolare i padding sarebbe l'ideale.
salutoni.

[giusep]

Ok provo anche come dice adottauncane....

[kuvier00]

.article_column {
    padding: ... (applica il padding a tutte e due le colonne)
}

.column_separator {
    border-left: 1px ... (applichi il separatore solo al centro)
}

Così dovrebbe andare

[giusep]

.article_column {
    padding: ... (applica il padding a tutte e due le colonne)
}

.column_separator {
    border-left: 1px ... (applichi il separatore solo al centro)
}

OK così va benissimo:
abbiamo una riga verticale e i margini dei bordi di tutte e due le colonne.
Fantastico.
Grazie e saluti.