Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : nicola842 05 Jun 2013, 17:38:06
-
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 :(
-
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
-
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 ;)
-
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 (http://www.w3schools.com/css/css_padding.asp)
e qui
http://www.w3schools.com/css/css_margin.asp (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/ (http://www.instructionaldesign.it/)
Grazie mille!!!
-
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
-
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!