• Alignement images

    Une question m'a été posée par une visiteuse qui n'utilise pas le code source (<>) ce qui m'a fait revenir sur les possibilités des outils de la barre d'outils.

    Ma première réponse a été de répondre qu'en saisissant les images par l'icône "Image", on pouvait choisir le positionnement de la première: exemple, à gauche, puis idem pour les suivantes, qui vont s'aligner sur la première, si elles ont la place à côté, bien sûr (largeur zone article et largeur des images).

    Je me suis ensuite demandé si on pouvait centrer ces images: une solution est de les placer dans un tableau que nous pouvons centrer.

    Alignement images

    Alignement images

    Alignement images

     

    Pour cet exemple, j'ai repris les adresses de vignettes d'images publiées et hébergées dans une galerie.

    Ces vignette mesurant 100x100px, j'ai dimensionné le tableau à 405x107px.

    Je l'ai créé à 3 cellules sur une ligne; j'ai cliqué sur l'intérieur de la première/icône Image/choix image/envoi.

    Idem pour les 2 cellules suivantes: je me retrouve avec mes 3 images centrées.

    On peut en placer plus ou moins sur une ligne ou créer un tableau avec plusieurs lignes.



    Comme mon dada est l'animation des éléments, je vais vérifier si je peux, par exemple, agrandir chaque image au clic maintenu.

    J'ai nommé chaque vignette et écrit, en lignes CSS3, qu'elles mesuraient 100x100px au départ et qu'en maintenant le clic gauche enfoncé dessus, elles passaient à 300x300px.

    Comme elles sont placées en relatif, c'est à dire qu'elles tiennent compte des autres éléments de l'article (autres images et texte), en s'agrandissant, elles poussent les voisin(e)s.

    Je ne publie pas de code car je voulais juste voir le principe; si cela intéresse, je complèterais cette page.