Problema di Spazi tra moduli

[Max Ambrox]

Ciao ragazzi
guardando questo link http://www.gaetapassionflair.it/gaetapassioflair_new/
e scorrendo in basso potete notare come la distanza che c'è tra il modulo che contiene gli sponsor
e i restanti moduli sopra, non è uguale alla distanza che c'è tra la slideshow e i moduli che sono sotto di essa. Io ho tentato di capire in quale riga del CSS bisogna andare ad agire, ma non riesco a capirlo, mi aiutate a risolvere il problema?


Grazie

[Rasjah]

se vuoi avvicinare i le varie sezioni del sito e in particolare quella sotto ho visto che devi modificare la classe .tr-block. Il problema è che questa classe te la trovi sia in gantry.css e anche in template.css.

All'interno hai i selettori padding e margin che tutte e due possono cambiare la distanza ( chiaramente in modo diverso ). Io ti consiglio di fare alcune prove...

[Max Ambrox]

C'è qualcosa di misterioso che mi impedisce di capire....

[Rasjah]

la tua galleria immagini è posta all'interno di un DIV che si chiama #rt-showcase. La parte sotto quella centrale con all'interno Classifica 2012 è il plug dei filmati sulla sinistra è all'interno di un DIV che si chiama #rt-feature. La parte sotto quella con gli sponsor si trova all'interno di un DIV che si chiama #rt-mainbutton. che al suo interno ha la classe .tr-block. Quindi tutta la pagina mi sembra strutturata tipo scatole cinesi.

Ognuna di queste parti, al suo interno ha della regole di posizionamento ( margin e padding ) che si possono cambiare, però ogni spostamento che fai su una di queste, chiaramente può influenzare la posizione delle altre.
E' per questo motivo che si può arrivare alla soluzione attraverso alcune modifiche

Spero di essere stato chiaro....

[Max Ambrox]

Sei stato fin troppo chiaro e ti ringrazio molto, hai confermato quello che pensavo ma non essendo molto esperto non ne ero sicuro...quindi qui tocca provare e riprovare per trovare la quadra...
grazie ancora

[berry]

prova così

Codice: [Seleziona]

#rt-feature .rt-block{padding: 0 0 0 10px;}