allargare divisori tra menu e corpo hp(RISOLTO)

[vertigoblu]

Ciao Ragazzi,

ho scaticato il template, sono riuscito a restringere i menu ed allargare i contenuti al centro della pagina.

non riesco pero'a spostare le righe verticali che dividono i menu dal corpodel sito.

sapete dirmi dove devo andare ad agire nel css?

allego immagine per esser piu chiaro

grazie mille

[allegato vecchio più di un anno eliminato automaticamente]

[conti1]

ciao
con un trafiletto d'immagine ci si poco anzi nulla posta il link del sito

[vertigoblu]

Ciao

vedi questa pagina

http://www.isaformaggi.com/index.php?option=com_virtuemart&Itemid=54

grazie
M

[conti1]

ciao
sarà un po dura  un'immagine
devi rifare l'immagine

Codice: [Seleziona]

.c_middle {
background:transparent url(../images/content_middle.png) repeat-y scroll center top;
width:960px;
}

[vertigoblu]

dunque mi stai dicendo che la psizione dei separatori dipende da questa immagine?

dunque devoo agire solo sulla dimensione dell'immagine aumentandola?
devo aggiornare anche il css?

vorrei proprio riuscire a farlo, riuscirei ad organizzare molto meglio i contenuti

eecco la parte css relativa:

#content_bottom {
   margin:0 auto;
   width:978px;
   height:22px;
   background: transparent url(../images/content_bottom.png) no-repeat bottom center;
}

#content_top{
   margin:0 auto;
   width:978px;
   height:14px;
   background: transparent url(../images/content_top.png) no-repeat top center;
}

#content {
   width:978px;
   margin:0 auto;
}

.c_middle {
   width:960px;
   background: transparent url(../images/content_middle.png) repeat-y top center;
}
.c_left {background: transparent url(../images/content_left.png) repeat-y top center;}
.c_right {background: transparent url(../images/content_right.png) repeat-y top center;}
.c_full {background: none;
}

#leftcolumn, #rightcolumn {
   float: left;
   width: 200px;
   margin: 0 10px 0 0;
}

#rightcolumn {
   margin: 0 0 0 2px;
}

div#maincolumn {
   float: left;
   width: 541px;
   padding:12px;
}

div#maincolumn_full {
   margin:0 auto;   
   width: 940px;
   padding:0 0px;
   background: #fefdfc;
}

div#maincolumn_left {
   float: left;
   width: 720px;
   padding:0 16px 10px 10px;
}

div#maincolumn_right {
   float: left;
   width: 722px;
   padding:0 10px 10px 16px;

grazie ancora

[tonicopi]

Il css non c'entra per nulla con quella immagine che devi modificare come ti diceva conti1.
Apri quella immagine con un programma di grafica, cancella quelle righette nei due lati e falle un pochino spostate.
Ma sia chiaro che non allarghi affatto la mpagina e i contenuti continueranno a disporsi come adesso. Quelli non sono separatori ma pura illusione ottica....

[vertigoblu]

ok chiaro!
apro le immagini comtent_middle(in allegato), content_right e left con photoshop ma sono completamente bianche.

altrimenti eliminare il collegamento?
grazie ancora


[allegato vecchio più di un anno eliminato automaticamente]

[tonicopi]

Ehi vertigoblu, prima dici

ok chiaro!

e subito dopo dimostri di non aver capito un tubo allegando una immagine che non è affatto tutta bianca ma che è quella che crea lo sfondo del tuo main con quelle due righette.
Prova ad eliminare il collegamento... 

Ingrandisci l'immagine  e  modificala come ti stiamo dicendo per la terza volta!

[conti1]

tieni questa e pulita questa e tutta bianca.

[vertigoblu]

grazie mille ragazzi.
alla fine sono riuscito a notare le due barrette nel file content_middle ed a modificare la posizione con photoshop

grazie ancora per il supporto
M