Filetto verticale + colore per colonna laterale sx e dx

[Robertixos]

Il sito in questione è il seguente :
http://www.lasacrafamiglia.it/
templates : rhuk_milkyway

potreste darmi una mano con il css per allungare fino alla fine della pagina
i filetti verticali dx e sx!

In più vorrei applicare alla colonna laterale destra e quella sinistra
uno sfondo colore come posso fare?

chiedo il vs. aiuto

grazie roberto

[Franceschino]

ciao 
Per dare il colore al lato sx hai la classe, basta che ci metti il background-color:colore. La classe è questa: #leftcolumn.
Il tuo template non prevede una colonna di destra, c'è left e main. Il main è stato strutturato con una tabella, quindi la tua colonna di destra è un td. Lo devi individuare e gli associ una classe, poi dal css imposti il colore come per l'altra..

[Robertixos]

ho seguito il tuo consiglio
ma il colore non viene applicato a tutta la colonne : http://www.lasacrafamiglia.it/

per la colonna destra invece potresti spiegarmi un pò meglio come fare per favore!

p.s. il filetto di separazione tra la colonna sx e il centro , e tra il centro e la colonna dx può essere
messo a tutto schermo?

grazie

[il gatto ha nuove code]

ciao,

il background è già applicato a tutta la colonna, solo che è in parte coperto dal background del modulo menù.
Per risolvere segui il percorso: ../images/blue/mw_box_br.png e sostituisci il ping con uno identico (stesso nome e stesse di mensioni) ma con gli angoli trasparenti.

La colonna di destra come ti diceva Franceschino non è una vera colonna. Prova a mettere il background al css:
table.nopad {    border-collapse: collapse;}

[Robertixos]

ho creato l'immagine con i bordi trasparenti e collocata al posto di ../images/blue/mw_box_br.png
ma sballa la grafica dell'intera colonna...
mentre mettendo il background al css : table.nopad
lo sfondo viene applicato anche alla maincolumn e neanche a tutt'altezza ma soltanto per mezza pagina!

aiutatemi a risolvere questo problema per favore

[Franceschino]

ma hai risolto poi?
Per dare un colore di sfondo alla "colonna" di destra devi individuare il td di quella colonna e o tramite lo style o tramite una classe inserisci il background:colore.

[kuvier00]

Puoi mettere un colore di sfondo alla "colonna" di destra con questa regola css:

Codice: [Seleziona]

.nopad td + td + td {
    background-color: red;
}

Vuol dire: prendi il td "fratello" nel DOM di altri due td, che sono in nopad.

Ma cmq non risolveresti il tuo problema dei "filetti" di separazione. La cosa migliore è farsi un'immagine di sfondo di tutto il contenuto, cioè esteso a tutte e tre le colonne, da ripetere in verticale. Per esempio, in larghezza, avrà 200px di colore per la colonna sx, poi il separatore, poi 500px di sfondo per il contenuto centrale, poi separatore, poi 200px di sfondo per la colonna dx.

Spero di essere stato chiaro