formattazione di un modulo [RISOLTO]

[depandrea]

buon anno a tutti!! Avrei bisogno di un piccolo aiuto per modificare la formattazione di un modulo:
il link è: http://www.libertasmantova.it/joomla17/index.php/gare.html e il modulo è "altre gare". Non riesco a tenere il contenuto colorato senza padding a sx. Stò provando ad aggiungere css modificando il suffisso ma riesco solo a intervenire su tutto il modulo e non sulla parte interna. Questo è il codice che vedo con firebug:

#col3 .moduletable .res, #col2 .moduletable .res {                                          styles.css (riga 17)
    padding: 0 !important;}                                                                               

.res {                                                                                                             styles.css (riga 13)
    border-bottom: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #DCDCDC;
    padding: 0 0 0;}   
GRAZIE.........       

GRAZIE A TUTTI!!

[tonicopi]

Incolla questa regola in fondo al foglio di stile:

Codice: [Seleziona]

#col3 .moduletable .res {
  padding: 0 !important;
}

[depandrea]

ok, grazie! così però ho tutta la parte sx con padding zero. In questo caso mi va anche bene, ma posso farlo solo per quel modulo??

grazie

[tonicopi]

Allora devi dargli un suffisso e assegnare la regola solo a quel modulo.
Per esempio se dai il suffisso _nopadding scriverai la regola così:

Codice: [Seleziona]

#col3 .moduletable_nopadding .res {
  padding: 0 !important;
}

[depandrea]

queste operazioni le provavo da ieri ma mi stavo incasinando. Ero arrivato fino a qui malgrado la mia inesperienza. Il problema è che quel modulo ora è formattato senza padding a sx ma mi perde una formattazione che avevo sul .res che si trova più a monte: Tutto il modulo ora è più grande e non ha il padding più esterno e sul top. Dovrei dare un suffisso anche a .res, ma come faccio?
Ho fatto vari tentativi ma o cambio il .res o il #col3 .moduletable.res

spero di essermi spiegato

[tonicopi]

Cambia la regola così:

Codice: [Seleziona]

#col3 .nopadding .res {    padding: 0 0 0 0 !important;}e nel box del suffisso classe css moduli lascia uno spazio vuoto e inserisci nopadding

[depandrea]

ok!! grazie!! me la devo studiare bene questa mossa...

buon anno!!!

[tonicopi]

Questo lo avevi letto?
http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html
 

[depandrea]

La prima parte si, ma non fino in fondo evidentemente..........

grazie ancora