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 => : gustococco 10 Jul 2012, 16:13:46
-
Salve a tutti,
vi chiedo una mano su questo sito http://www.scatolasonora.it/index.php (http://www.scatolasonora.it/index.php) in alto cè un modulo galleria che ho messo nella posizione slide, nella stessa posizione ho messo il modulo logo. I moduli vengono messi uno sotto l'altro, c'è un modo per farli mettere uno di fianco all'altro? (..Non è un discorso di dimensione perchè in lunghezza la somma dei due moduli rispetta la lunghezza del template! )
Grazie!
-
Mai sentito parlare di float left?
Incolla questa regola nel css del tuo template:
.custom { float: left;} ;)
-
Mai sentito parlare di float left?
Incolla questa regola nel css del tuo template:
.custom { float: left;} ;)
Grazie :)..intuivo che poteva centrare qualcosa..ma non sono ancora così brava con i css..però non vorrei sbagliarmi..dove devo scrivere .custom {float: left;} ...in che punto del template css?
-
...in che punto del template css?
Qualunque punto va bene.
Io le metto sempre in fondo per trovarle con più comodo e perchcè sovrascrivono eventuali altre regole precedenti. Per esser bravi del tutto commenta in questo modo prima della regola:
/*sposto a sinistra il logo per far posto alla slideshow.
suggerita da tonicopi*/
così quando ti capiterà di rileggerla penserai a me...
:D :D :D
-
Qualunque punto va bene.
Io le metto sempre in fondo per trovarle con più comodo e perchcè sovrascrivono eventuali altre regole precedenti. Per esser bravi del tutto commenta in questo modo prima della regola:
/*sposto a sinistra il logo per far posto alla slideshow.
suggerita da tonicopi*/
così quando ti capiterà di rileggerla penserai a me...
:D :D :D
Grazieee! :D questa regola per me è fenomenale tante volte mi sono dovuta arrangiare perchè non sapevo come fare, fino ad ora che ho postato il problema ed ora sarò più libera nel personalizzare i template grazie mille!! Una cosa....ma come mai ha agito solo sullo slide? (nn perchè volgia affiancare altre cose..:) )..ma come mai non ha affiancato anche i moduli delle posizioni left ad esempio? come funziona questa regola (veramente bella)...se nn ti disturbo troppo :)
-
Disturbare!? :o Adoro il gusto cocco benché sia avido di cioccolato... Ma con questo caldo il fresco cocco è da preferire... ;D
Il float left non lo abbiamo proprio applicato alla slideshow ma al contenitore del logo che ha appunto classe custom.
Applicando il float left, che, come suggerisce il nome lo fa flottare a sinistra, quel contenitore si sposta a sinistra e lascia lo spazio libero al resto di appoggiarsi ad esso. Come quando inseriamo un'immagine in un articolo. Se la facciamo flottare a sinistra (o anche a destra, col float right) il testo si disporrà attorno ad essa invece che alla sua base. Buoni float... ;)
-
Se mi è permesso adesso aggiusterei la distanza tra il contenitore che contiene logo e slideshow dal suo bordo inferiore poichè il logo si sovrappone alla righetta grigia. Ciò farei mettendo una decina di pixel al padding inferiore con questa regoletta, sempre da incollare in fondo al css del template:
#slide_wrapper {
padding-bottom: 10px;
} :)
-
Se mi è permesso adesso aggiusterei la distanza tra il contenitore che contiene logo e slideshow dal suo bordo inferiore poichè il logo si sovrappone alla righetta grigia. Ciò farei mettendo una decina di pixel al padding inferiore con questa regoletta, sempre da incollare in fondo al css del template:
#slide_wrapper {
padding-bottom: 10px;
} :)
;D ;D che bello sarebbe farsi suggerire tutti i passaggi di scrittura mentre si lavora...grazie mille tonicopi..io invece per ovviare senza essere esperta avevo messo l'height dello slide invece che auto a 230px..ora proverò la tua regola ;)
-
Se mi è permesso adesso aggiusterei la distanza tra il contenitore che contiene logo e slideshow dal suo bordo inferiore poichè il logo si sovrappone alla righetta grigia. Ciò farei mettendo una decina di pixel al padding inferiore con questa regoletta, sempre da incollare in fondo al css del template:
#slide_wrapper {
padding-bottom: 10px;
} :)
:) stavolta però c'ero quasi arrivata avevo messo padding: 0px 0 30 0; ma niente..ho messo la tua stringa dando il padding-bottom: 10px; ma nn so perchè niente non lo visualizza...stavolta mi sà che lascio height a 230px tanto funziona bene....grazie..alla prossima!! ;)
-
Ma si è lo stesso. Ci sono quasi sempre diverse strade per arrivare a una stessa soluzione.
Cmq la regola non funzionava perchè la sintassi:
padding: 0px 0 30 0;
è sbagliata.
Lo 0 è accettato senza px ma i valori no, per cui si deve scrivere:
padding: 0 0 30px 0;
che valgono a partire dalle 12 in senso orario (non lo dico per te ma per altri che leggessero) e pertanto assegna un padding (distanza tra contenuto e bordo del contenitore) di 30 px dal bordo inferiore.
:)
-
Ma si è lo stesso. Ci sono quasi sempre diverse strade per arrivare a una stessa soluzione.
Cmq la regola non funzionava perchè la sintassi:è sbagliata.
Lo 0 è accettato senza px ma i valori no, per cui si deve scrivere:che valgono a partire dalle 12 in senso orario (non lo dico per te ma per altri che leggessero) e pertanto assegna un padding (distanza tra contenuto e bordo del contenitore) di 30 px dal bordo inferiore.
:)
..così funziona! ;)
-
Ciao a tutti ,
mi dispiace se mi intrometto ma se invece di affiancare due moduli vorrei inserire due moduli uno sopra ed uno sotto nella stessa posizione secondo voi che tecnica dovrei usare nel css , perche' cosa strana ho messo due moduli sulla stessa posizione ma soltanto che quando li pubblico esco uno a fianco all'altro e non va bene ne vorrei uno sopra ed uno sotto.
Come fare ?
Grazie e un saluto a tonicopi
-
Ciao, ho visto che il post è molto vecchio ma è quello che cercavo, quindi eccomi qua. Il problema è questo, volevo provare a creare una homepage con global news, non so se il modulo sia capace di organizzare gli articoli in maniera diversa da quella verticale, ma a me non interessa volevo proprio fare tre colonne con articoli di differenti categorie. Allora volevo mettere tre moduli di global news nella home ed affiancarli, ho
letto del consiglio più in alto di inserire
.custom { float: left;}
la domanda è.... dove lo metto? In un css qualsiasi?