Distanziare banner - RISOLTO

[nicola842]

Ciao a tutti, ho spulciato un bel po' di topic aperti sull'argomento ma solo un paio riguardavano esattamente il mio problema e comunque non sono riuscito a venirne a capo...


La cosa è molto semplice: ho inserito alcuni banner in un modulo. I banner compaiono regolarmente e sono funzionanti, ma sono anche attaccatissimi tra loro.


Dovrei aumentare il margine tramite il codice css suppongo, ma non so come fare!


Qualcuno sa darmi una mano?


Grazie in anticipo!


PS: sto lavorando in remoto quindi non posso mettere il link al sito attualmente

[Rasjah]

Senza link sarà più problematico, però....

Per distanziare i vari elementi tra di loro, puoi usare la dichiarazione css padding oppure margin...

Per vedere come funzionano e fare delle prove on-line vai qui

http://www.w3schools.com/css/css_padding.asp

e qui

http://www.w3schools.com/css/css_margin.asp

[nicola842]

eh immaginavo che senza link è un problema 


grazie intanto dei link. nei prossimi giorni provo e vedo se vengo a capo. Poi ripasso da qua per dirvi come va

[nicola842]

Senza link sarà più problematico, però....

Per distanziare i vari elementi tra di loro, puoi usare la dichiarazione css padding oppure margin...

Per vedere come funzionano e fare delle prove on-line vai qui

http://www.w3schools.com/css/css_padding.asp

e qui

http://www.w3schools.com/css/css_margin.asp

ciao! ho provato un po' a seguire quelle guide ma mi risultano piuttosto astruse 


Ho quindi intanto messo online il sito anche se è in versione molto provvisoria. Lo lascio aperto per adesso e non lo metto offline che se vuoi darci un occhio mi faresti un mega favore! Lo trovi qua: http://www.instructionaldesign.it/


Grazie mille!!!

[Rasjah]

vai nel tuo file

 http://www.instructionaldesign.it/templates/businesslines-tg/css/styles.css
 

subito all'inizio trovi


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tfoot, thead {
    background: none repeat scroll 0% 0% transparent;
    border: 0px none;
    font-style: inherit;
    font-weight: inherit;
    margin: 0px;
    padding: 2px;
    outline: 0px none;
    vertical-align: baseline;
}

cambia l'istruzione in rosso e vedi se ti basta

[nicola842]

Perfetto!!


Grazie, sei stato gentilissimo. Giusto per cronaca, ho fatto alcuni tentativi ma mettendo ad esempio 4px mi spaginavano sulla sinistra (non so perchè). In ogni caso con 2px sono perfetti e mi va bene così!


Grazie ancora!