Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : Antony88 23 Jan 2014, 11:20:31

: [RISOLTO]Problema Modulo
: Antony88 23 Jan 2014, 11:20:31
Salve,
ho un problema su un sito fatto con joomla 3.2 e template gantry.


Ho creato un modulo personalizzato, inserendo un immagine e un pò di testo, allineato a sinistra, ma non riesco a capire come mai l'immagine esce al di fuori del box.


Il sito  (http://playgarden.studiolonoce.net/)è questo, grazie per le risposte.


Cordiali saluti
Antony


: Re:Problema Modulo
: adottauncane 23 Jan 2014, 12:48:16
Ciao Antony88,
perché non sente l'immagine, né il leggi tutto ma solo il testo. Quindi ho dai degli a capo al testo fino ache non allunga il box o aggiungi questo al file custom

:
.btn.btn-success {
display:block;
}

.module-content .custombox1.title3 img {
margin-bottom:10px;
}

in modo che senta il bottone del leggi tutto.
: Re:Problema Modulo
: Antony88 23 Jan 2014, 14:33:15

Ciao adottauncane,
grazie per la risposta..

Ho provato a inserire il codice che mi hai suggerito nel file "grantry-custom.css", ma non si risolve il problema..
Ci tenevo a dirti che quello non è il tasto leggi tutto, ma un semplice tasto che ho inserito io che aprirà un file pdf.. può essere quello il problema?

Inoltre ho provato a inserire solo l'immagine nel modulo senza inserire il testo e cosi funziona bene, perchè viene inserita completamente nel box, il problema nasce appena inserisco del testo.
: Re:Problema Modulo
: adottauncane 23 Jan 2014, 14:45:18
Hai ragione, ne ho dimenticato un pezzo:

:
.btn.btn-success {
display:block;
clear:both;
}

.module-content .custombox1.title3 img {
margin-bottom:10px;
}

questo funzioan.
Provalo, se non ti va vediamo se si può fare in altro modo. Questo va solo se c'è il tasto verde ovviamente.
: Re:Problema Modulo
: adottauncane 23 Jan 2014, 14:49:16
Il problema è il float:left; alle immagini. Se lo togli il modulo segue tutto il contenuto.
Prova con una tabella di tre colonne, al 100% e solo la colonnina centrale con 10px fissi per la separaione testo immagine. Le altre celle lascia che si adattino.
: Re:Problema Modulo
: Antony88 23 Jan 2014, 15:16:40
Grazie ho provato entrambi i casi e ora mi funziona :)
: Re:Problema Modulo
: giusebos 23 Jan 2014, 15:25:17
Il problema è il float:left; alle immagini. Se lo togli il modulo segue tutto il contenuto.
Prova con una tabella di tre colonne, al 100% e solo la colonnina centrale con 10px fissi per la separaione testo immagine. Le altre celle lascia che si adattino.

Ciao Adottaunacane, il clear both per spezzare il float dell'immagine si applica al div successivo?
Ho anche io un problema simile e per adesso ho risolto dando una altezza precisa del modulo.
: Re:[RISOLTO]Problema Modulo
: Antony88 23 Jan 2014, 15:27:57
Anche io risolvevo aggiungendo una dimensione in pixel fissa, il problema però era se cercavo di farlo in percentuale...



: Re:Problema Modulo
: adottauncane 23 Jan 2014, 15:32:30
Ciao Adottaunacane, il clear both per spezzare il float dell'immagine si applica al div successivo?

Di solito sì. Almeno nei casi in cui l'ho applicato per risolvere quel tipo di problema. Ma io faccio a occhio, non so dirtelo per certissimo...  :)
: Re:[RISOLTO]Problema Modulo
: giusebos 23 Jan 2014, 15:32:42
nel mio caso avevo messo quel clear, ma non succedeva niente, così ho optato per una misaura fissa.
: Re:[RISOLTO]Problema Modulo
: giusebos 23 Jan 2014, 15:35:10
dei css ho sempre delle difficoltà con la proprietà clear e display, prima di imbroccare la dichiarazione giusta ci metto sempre un pò.
: Re:[RISOLTO]Problema Modulo
: adottauncane 23 Jan 2014, 15:52:22
Spesso li metto assieme, come in questo caso.