Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : pierca 22 Aug 2011, 13:53:50

: [RISOLTO] Differenziare le Immagini nel CSS tra colonne diverse
: pierca 22 Aug 2011, 13:53:50
Buongiorno a tutti,
Scusate, forse sono un po' arrugginito da alcuni mesi passati senza intervenire nel sito, ma ho rimpiccolito un'immagine in template.css nella colonna di sinistra e - ovviamente - si č rimpiccolita anche quella del menų di destra (#leftcolumn h3, #rightcolumn h3...).
Come posso far in modo che i box dei menų nelle due colonne abbiano lunghezza diversa?

http://www.futuravolley.it/ (http://www.futuravolley.it/)
: Re:Differenziare le Immagini nel CSS tra colonne diverse
: Yoghi_gm 22 Aug 2011, 14:04:01
Ciao pierca

probabilmente hai una riga del css che ti da la grandezza delle due colonne devi far si che per ogni colonna hai due punti specifici dove dai la grandezza.

per capire se  sei nel punto giusto prova ad ingradire a 500 pixel e guarda il sito se sono diventati grandi entrambi basta che quella specifica indivudata la sdoppi ricordati che puoi anche creare degli stili specifici per i moduli (left e right)

spero di esserti stato d'aiuto , altrimenti sono qua.

yoghi
: Re:Differenziare le Immagini nel CSS tra colonne diverse
: adottauncane 22 Aug 2011, 14:08:23
Ciao pierca,
dividi questo css in due:

:
#leftcolumn h3, #rightcolumn h3 {    background: url("../images/box_h3.png") no-repeat scroll left top transparent;    color: #454545;    font-family: Tahoma,Arial,Verdana,sans-serif;    font-size: 11px;    font-weight: bold;    height: 36px;    line-height: 36px;    margin: 0 0 4px;    overflow: hidden;    padding: 0 11px;    text-align: left;    text-shadow: 1px 1px #EEEEEE;    text-transform: uppercase;    width: 190px;}template.css (riga 869)

cosė:

:
#leftcolumn h3 {    background: url("../images/box_h3.png") no-repeat scroll left top transparent;    color: #454545;    font-family: Tahoma,Arial,Verdana,sans-serif;    font-size: 11px;    font-weight: bold;    height: 36px;    line-height: 36px;    margin: 0 0 4px;    overflow: hidden;    padding: 0 11px;    text-align: left;    text-shadow: 1px 1px #EEEEEE;    text-transform: uppercase;    width: 190px;}e un altro per #rightcolumn h3

poi ad ognuno assegni l'immagine personalizzata.


: Re:Differenziare le Immagini nel CSS tra colonne diverse
: pierca 22 Aug 2011, 17:36:42
Grande, come sempre precisi, puntuali, amichevoli.