Joomla.it Forum

Joomla! 3 => Joomla! 3 => : mario_R 07 Nov 2018, 12:50:44

: elementi affiancati ma non allineati
: mario_R 07 Nov 2018, 12:50:44

Ciao, in homepage vorrei mettere una serie di elementi uno affiancato all' altro, e per farlo ho usato questo:
<div style="float: left; display: block;">{xxxxxxxxxxxxx}</div>
<div style="float: left; display: block;">{xxxxxxxxxxxxx}</div>
<div style="float: left; display: block;">{xxxxxxxxxxxxx}</div>
<div style="float: left; display: block;">{xxxxxxxxxxxxx}</div>
<div style="clear: both;">&nbsp;</div>

perchè altrimenti i 4 plugin si disponevano uno sopra l' altro. Solo che (credo ovviamente) il tutto si allinea a sinistra, invece dovrebbe rimanre centrato. ho provato ad inserire un altro DIV che li contenesse tutti con varie forme di "align center" ma senza risultato. quale sarebbe la strada giusta per far si che questi quattro elemnti siano sia affinacati l'un l'altro e anche al centro rispetto alla pagina?Grazie

: Re:elementi affiancati ma non allineati
: Limma 07 Nov 2018, 16:17:00

Prova questo codice in alternativa a quello che hai postato:

:

<div align="center">
<div style="display: inline-block;">{xxxxxxxxxxxxx}<>
<div style="display: inline-block;">{xxxxxxxxxxxxx}<>
<div style="display: inline-block;">{xxxxxxxxxxxxx}<>
<div style="display: inline-block;">{xxxxxxxxxxxxx}<>
<>Dovresti ottenere il risultato che cerchi.
Funziona anche nel responsive, pur avendo qualche limitazione rispetto ad altri metodi.

N.B. Il tag codice dell'editor del forum cancella i tag di chiusura dei div che naturalmente ci sono!

: Re:elementi affiancati ma non allineati
: mario_R 07 Nov 2018, 23:57:47

Ciao, innanzitutto grazie per la risposta, il tuo codice funziona perfettamente. Poi ti chiedevo visto che hai accennato ad altri metodi, se mi dai qualche "indizio" mi posso documentare da solo.
Ancora Grazie

: Re:elementi affiancati ma non allineati
: Limma 08 Nov 2018, 09:38:11

Non volevo fare il misterioso... Cerca "Bootstrap grid", stando solo attento alla versione di Bootstrap utilizzata dal tuo template.
E' uno strumento molto utile per "impaginare" i contenuti negli articoli, e spesso permette di fare cose che con codici tipo quello che avevi postato tu o quello che ho postato io è difficile o inutilmente complicato fare.
Naturalmente se la soluzione attuale fa tutto quello che ti serve e come ti serve, tanto vale tenere quella...  :)

: Re:elementi affiancati ma non allineati
: mario_R 09 Nov 2018, 10:27:38

Ok. Grazie mille. Si il tuo codice va benissimo. Però é sempre avere un "arma" di riserva, non si sa mai.
Grazie ancora