Benvenuti all'allineamento delle immagini! Il modo migliore per dimostrare il flusso e il riflusso delle varie opzioni di posizionamento delle immagini è annidarle comodamente in un oceano di parole. Prendete una pagaia e iniziamo.
Per quanto riguarda l'allineamento, va notato che gli utenti possono scegliere tra le opzioni di Nessuno, A sinistra, Giusto, e Centro. Inoltre, hanno anche la possibilità di Miniatura, Medio, Grande & Dimensioni complete.
Si dà il caso che l'immagine qui sopra sia centrato.
Il resto di questo paragrafo è un riempitivo per vedere il testo che si avvolge intorno all'immagine 150×150, che è allineato a sinistra.
Come si può vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non è corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuità. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!
E ora per un immagine di grandi dimensioni. Ha anche nessun allineamento.
L'immagine qui sopra, sebbene sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.
E ora ci spostiamo sul tema della allineamento corretto. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo lì... Ehi, ragazzo! Il lato destro è perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.
Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. Sì... proprio così. Non è mai stato così bello essere nel giusto.
E proprio quando pensavate che avessimo finito, li rifaremo tutti con le didascalie!
Si dà il caso che l'immagine qui sopra sia centrato. La didascalia contiene anche un link, per vedere se fa qualcosa di strano.
Il resto di questo paragrafo è un riempitivo per vedere il testo che si avvolge intorno all'immagine 150×150, che è allineato a sinistra.
Come si può vedere, dovrebbe esserci un po' di spazio sopra, sotto e a destra dell'immagine. Il testo non deve strisciare sull'immagine. Lo strisciamento non è corretto. Anche le immagini hanno bisogno di spazio. Lasciatele parlare come le parole. Lasciate che facciano il loro lavoro senza essere disturbate dal testo. In un'altra frase, vedremo che il testo si sposta dalla destra dell'immagine in basso, senza soluzione di continuità. Ancora una volta, lasciamo che il testo faccia il suo dovere. Missione compiuta!
E ora per un immagine di grandi dimensioni. Ha anche nessun allineamento.
L'immagine qui sopra, sebbene sia larga 1200px, non deve traboccare dall'area del contenuto. Deve rimanere contenuta senza interrompere in modo visibile il flusso dei contenuti.
E ora ci spostiamo sul tema della allineamento corretto. Anche in questo caso, dovrebbe esserci molto spazio sopra, sotto e a sinistra dell'immagine. Guardatelo lì... Ehi, ragazzo! Il lato destro è perfetto. Non mi interessa cosa dice l'immagine allineata a sinistra, stai benissimo. Non lasciare che qualcuno ti dica il contrario.
Tra un po' si dovrebbe vedere il testo che inizia ad avvolgersi sotto l'immagine allineata a destra e a sistemarsi bene. Dovrebbe esserci ancora molto spazio e tutto dovrebbe essere a posto. Sì... proprio così. Non è mai stato così bello essere nel giusto.
E questo è tutto, yo! Sei sopravvissuto alle acque tumultuose dell'allineamento. Risultato dell'allineamento dell'immagine sbloccato!