[RISOLTO]Problema Modulo

[Antony88]

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 è questo, grazie per le risposte.


Cordiali saluti
Antony

[adottauncane]

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

Codice: [Seleziona]

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

.module-content .custombox1.title3 img {
margin-bottom:10px;
}
in modo che senta il bottone del leggi tutto.

[Antony88]

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.

[adottauncane]

Hai ragione, ne ho dimenticato un pezzo:

Codice: [Seleziona]

.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.

[adottauncane]

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.

[Antony88]

Grazie ho provato entrambi i casi e ora mi funziona

[giusebos]

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.

[Antony88]

Anche io risolvevo aggiungendo una dimensione in pixel fissa, il problema però era se cercavo di farlo in percentuale...

[adottauncane]

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... 

[giusebos]

nel mio caso avevo messo quel clear, ma non succedeva niente, così ho optato per una misaura fissa.

[giusebos]

dei css ho sempre delle difficoltà con la proprietà clear e display, prima di imbroccare la dichiarazione giusta ci metto sempre un pò.

[adottauncane]

Spesso li metto assieme, come in questo caso.