Autore Topic: elementi affiancati ma non allineati  (Letto 137 volte)

Offline mario_R

  • Nuovo arrivato
  • *
  • Post: 11
    • Mostra profilo
elementi affiancati ma non allineati
« il: 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


Offline Limma

  • Abituale
  • ****
  • Post: 950
  • Sesso: Maschio
    • Mostra profilo
Re:elementi affiancati ma non allineati
« Risposta #1 il: 07 Nov 2018, 16:17:00 »
Prova questo codice in alternativa a quello che hai postato:

Codice: [Seleziona]
<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!
« Ultima modifica: 07 Nov 2018, 16:19:20 da Limma »

Offline mario_R

  • Nuovo arrivato
  • *
  • Post: 11
    • Mostra profilo
Re:elementi affiancati ma non allineati
« Risposta #2 il: 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

Offline Limma

  • Abituale
  • ****
  • Post: 950
  • Sesso: Maschio
    • Mostra profilo
Re:elementi affiancati ma non allineati
« Risposta #3 il: 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...  :)

Offline mario_R

  • Nuovo arrivato
  • *
  • Post: 11
    • Mostra profilo
Re:elementi affiancati ma non allineati
« Risposta #4 il: 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

 

Torna su