Bienvenue dans l'alignement des images ! La meilleure façon de montrer le flux et le reflux des différentes options de positionnement des images est de les nicher dans un océan de mots. Prenez une pagaie et commençons.
En ce qui concerne l'alignement, il convient de noter que les utilisateurs peuvent choisir parmi les options suivantes : Aucun, Gauche, Droiteet Centre. En outre, ils ont également le choix entre les options Vignette, Moyen, Grand et Plein écran.
L'image ci-dessus est centrée.
Le reste de ce paragraphe n'est que du remplissage pour voir le texte s'enrouler autour de l'image 150×150, qui est aligné à gauche.
Comme vous pouvez le constater, il doit y avoir de l'espace au-dessus, au-dessous et à droite de l'image. Le texte ne doit pas se superposer à l'image. Ce n'est tout simplement pas correct. Les images ont également besoin d'espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans être dérangés par le texte. Dans une autre phrase, nous verrons que le texte se déplace de la droite de l'image vers le bas de l'image dans une transition transparente. Encore une fois, on laisse le texte faire son travail. Mission accomplie !
Et maintenant, une très grande image. Elle n'a pas non plus pas d'alignement.
L'image ci-dessus, bien que d'une largeur de 1200 px, ne doit pas déborder de la zone de contenu. Elle doit rester contenue sans perturber visiblement le flux de contenu.
Et maintenant, nous allons passer à l'alignement à droite. vers la droite. Encore une fois, il devrait y avoir beaucoup de place au-dessus, au-dessous et à gauche de l'image. Regardez-le... Hé ! C'est le côté droit qui est à l'honneur. Peu importe ce que dit l'image alignée à gauche, tu es superbe. Ne laisse personne te dire le contraire.
Dans quelques instants, vous devriez voir le texte commencer à s'enrouler sous l'image alignée à droite et à s'y insérer. Il devrait y avoir encore beaucoup de place et tout devrait être bien en place. Oui... C'est comme ça. Il n'a jamais été aussi agréable d'avoir raison.
Et alors que vous pensiez que nous avions terminé, nous allons les refaire avec des légendes !
L'image ci-dessus est centrée. La légende contient également un lien, juste pour voir s'il fait quelque chose de bizarre.
Le reste de ce paragraphe n'est qu'un remplissage qui permet de voir le texte s'enrouler autour de l'image 150×150, qui est alignée à gauche.
Comme vous pouvez le constater, il doit y avoir de l'espace au-dessus, au-dessous et à droite de l'image. Le texte ne doit pas se superposer à l'image. Ce n'est tout simplement pas correct. Les images ont également besoin d'espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans être dérangés par le texte. Dans une autre phrase, nous verrons que le texte se déplace de la droite de l'image vers le bas de l'image dans une transition transparente. Encore une fois, on laisse le texte faire son travail. Mission accomplie !
Et maintenant, une très grande image. Elle n'a pas non plus pas d'alignement.
L'image ci-dessus, bien que d'une largeur de 1200 px, ne doit pas déborder de la zone de contenu. Elle doit rester contenue sans perturber visiblement le flux de contenu.
Et maintenant, nous allons passer à l'alignement à droite. vers la droite. Encore une fois, il devrait y avoir beaucoup de place au-dessus, au-dessous et à gauche de l'image. Regardez-le... Hé ! C'est le côté droit qui est à l'honneur. Peu importe ce que dit l'image alignée à gauche, tu es superbe. Ne laisse personne te dire le contraire.
Dans quelques instants, vous devriez voir le texte commencer à s'enrouler sous l'image alignée à droite et à s'y intégrer. Il devrait y avoir encore beaucoup de place et tout devrait être bien en place. Oui... C'est comme ça. Il n'a jamais été aussi agréable d'avoir raison.
Et c'est terminé, yo ! Vous avez survécu aux eaux tumultueuses de l'alignement. Alignement d'images réussi !