(RISOLTO)colonne articoli

[d.angelo]

Buon pomeriggio a tutti.
Sono sempre io che rompo (ma se non rompe un prete.... )
Ho cercato nel forum ma non ho trovato ciò che mi potrebbe aiutare.
Sto continuando a modificare il sito della parrocchia www.parrocchiasantangelo.net.
Ho modificato un pò il template ueniversal,
1) ho settato la visualizzazione articoli su 2 colonne ma vorrei dare uno spazio tra le colonne in modo che risultino più staccate tra loro
2) vorrei dare una dimensione diversa tra la colonna moduli menù di sx (che va bene così) e la colonna moduli di dx (che contiene una serie di moduli in html personalizzato - la liturgia di oggi, il santo del giorno...)
Ringrazio tutti della pazienza
d.angelo

[adottauncane]

Ciao d.angelo,
probabilmente se regoli la percentuale qui risolvi i due problemi in un colpo solo...

Codice: [Seleziona]

.contentpaneopen {
    padding-bottom: 0;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0;
    width: 100%; <------- metti 95% o 94%
}
template.css (riga 373)


[d.angelo]

Grazie adottauncane, ho risolto la spaziatura tra colonne ma non quella dei moduli di dx.
Qualche altro suggerimento?
grazie (dirò una preghiera per te...)

[adottauncane]

Grazie mille d.angelo 
Vuoi allargarla la colonna di destra?

[adottauncane]

Ti metto qui i css per allargarla... se poi ti serve qualcos'altro mi dirai.
Allora ,intanto bisogna stringere un po' il content (ho supposto che la colonna di destra ti servisse più larga di 30px):

Codice: [Seleziona]

#content_outmiddle {
    margin-left: 190px;
    margin-right: 220px; <------- 190px + 30px
}template.css (riga 309)

Poi allarghi la colonna di destra:

Codice: [Seleziona]

#right_out {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 210px; <----- adesso è 180px
}template.css (riga 123)

e poi crei un css per il moduli che pubblicherai lì, nei quali come suffisso css scriverai _don 
(copiare e incollare al fondo del file template.css)

Codice: [Seleziona]

.sidebar .module_don {
    background-color: #FFFFFF;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width:210px;
    border:  1px solid #CCCCCC;
}
Vedi se funziona...

[d.angelo]

veramente volevo restringerla in modo che il contenuto dei moduli ne occupi l'ampiezza e non si veda un bordo vuoto prima del filetto verticale

[adottauncane]

Il procedimento è lo stesso, solo che nel primo metterai 190 - i px che vuoi levare alla colonna destra, nel secondo i pixel della misura che vuoi che sia (es. 165px) e così anche nel terzo...

[d.angelo]

è proprio quello che sto facendo in locale (non voglio intervenire subito in remoto) ma non cambia nulla
grazie comunque, insisterò nelle prove domani.
buona notte

[ophtalmos]

Ciao don Angelo perchè non vai alla regola css riga 129 del template.css e riduci il width da 180 a 160 così non ci sarà più lo spazio vuoto ?

Codice: [Seleziona]

.sidebar {
background-color:#FFFFFF;
color:#000000;
margin-bottom:10px;
width:180px;lo porti a 160
da un presidente di a.c. parrocchiale un caro saluto e buon lavoro

[adottauncane]

Ciao ophtalmos,
se interviene su quel css si stringe anche la colonna left... e non credo sia quello che vuole. 

[ophtalmos]

Si è vero, scusami, poi il left viene male; ma non potrebbe cambiare il nome del div-class in html per la colonna destra (per es sidebar1) e creare una nuova regola .sidebar1 con una width di 160px? forse dico una scemenza ma tu adottauncane che vedo che sei molto preparato, che ne pensi? ciao e grazie

[adottauncane]

Sì, potrebbe fare anche così... bisognerebbe vedere come è scritto l'index.php, se la cosa è semplice o no... Non sapendolo, facendo come sopra, può modificare la larghezza semplicemente intervenendo sulle regole presenti...

[d.angelo]

Buona giornata a tutti, e buon fine settimana.
Saluto e ringrazio ophtalmos e adottauncane.
Proverò stasera a settare in vario modo il css.
ciao a tutti

[d.angelo]

Ho smanettato un pò e sono giunto a questo risultato www.parrocchiasantangelo.net
E' già meglio di prima ma non riesco a fare di più, c'è ancora quel bordo bianco che mi da fastidio.
Se si potessero centrare all'interno del box i moduli in html personalizzato sarebbe un successo, ma non so come fare.
grazie a tutti

[Urbania85]

smanettare o smadonnare??? 

Nel codice html personalizzato ( per esempio nella liturgia di oggi) prova ad aumentare la lunghezza delle tabella a 175px al posto di 155px così copre tutto il modulo!!

<table cellspacing="" border="1" bgcolor="#000000" width="175"><tbody><tr><td width="100%"><p></p><table cellspacing="0" cellpadding="4" border="0" width="100%"><tbody><tr><td bgcolor="#ffffcc" width="100%" valign="top"><font size="2"></font><p><font size="2"><a href="http://www.lachiesa.it/calendario/Detailed/20101211.shtml" target="_blank"><font color="#cc0000">Sabato della II settimana di Avvento</font>[/url]
(Viola)
I Lettura<font size="-1"> Sir 48,1-4.9-11</font>
Elìa ritornerà.
Salmo<font size="-1"> (Sal 79)</font>
Fa’ splendere il tuo volto, Signore, e noi saremo salvi.
Vangelo<font size="-1"> Mt 17,10-13</font>
Elìa è già venuto, e non l’hanno riconosciuto.</font></p><font size="2"></font></td></tr></tbody></table></td></tr></tbody></table>

[ophtalmos]

Perchè al secondo modulo"il santo del giorno" non hai dato il suff _don?
Assegnagli tale suffisso, poi ti lavori la width attraverso la regola css (module_don)comune a tutti i moduli del right e la dove vi siano contenuti immagini che non ci stanno dentro riducili in larghezza;
per me andrebbe meglio lasciare l'attuale width che va bene per i bottoni (aggiornamenti e link utili, che così ci stanno dentro) e allargare i contenuti dei moduli nel right (come ti consigliava urbamia85)
ciao buon lavoro

[d.angelo]

Grazie ragazzi proverò più tardi
Buona serata a tutti

P.S. x urbania85: biricchino....