[2] Positionnements d'images (avec interventions dans le code)

[2] Positionnements d'images (avec interventions dans le code)

Par stormalo dans ✉ Mise en page le 14 Mars 2024 à 22:15

Dans cet article on utilise peu ou pas les commandes de l'éditeur
--- niveau débutant confirmé ---

Le principe du codage html est indiqué.
Les codes réels, complets et plus précis' sont dans un document séparés (html et css)

Explications concernant cette mise en page ➜ https://textup.fr/762617HF

En cas de non chargement de cette page voir la copie d'écran ➜ cliquer (et zoomer)

Les deux images sont sur la même ligne ↘

ici le titre de l'image ❶

et/ou un libellé concernant l'image ✍

ici le titre de l'image ❷

et/ou un libellé concernant l'image ✍

......

►

modèle du code html:

<div class="duo" style="width: 80%;">

<div class="mono" style="width: 40%;"><img src=" ici adresse de l'image1" alt="brève description IMAGE 1" />
<h3>Facultatif, ici le titre de l'image</h3>
<p>texte éventuel"></p>
</div>

<div class="mono" style="width: 40%;"><img src=" ici adresse de l'image2" alt="brève description IMAGE 2" />
<h3>Facultatif, ici le titre de l'image</h3>
<p>texte éventuel"></p>
</div>

<p class="finfloat">......</p>
</div>

L'image est centrée ↘.

Pichet de terre      ❸

Peinture huile sur toile.
Format 38x46cm
Denise : atelierduchateau.eklablog.com

►

modèle du code html

<div class="mono" style="width: 40%;"><img src=" ici adresse de l'image" alt="description IMAGE" />
<h3>Facultatif, ici le titre de l'image</h3>
<p>texte éventuel"></p>
</div>.

Les deux images sont décalées du centre ↘

.

Deux enfants dans le parc        ❹

Wouaff Wouaff . . . . . wouaff !       ❺

..

►

.modèle du code html pour n°4 (pour n° 5 mettre class="mono decalgauche" )
<div class="mono decaldroite" style="width: 40%;"><img src=" ici adresse de l'image" alt="description IMAGE" />
<h3>Facultatif, ici le titre de l'image</h3>
<p>texte éventuel"></p>
</div>
Commentaires

Aucun commentaire pour le moment

Suivre le flux RSS des commentaires

Ajouter un commentaire

Nom / Pseudo :

E-mail (facultatif) :

Site Web (facultatif) :

Commentaire :

Me prévenir par mail en cas de réponse

[2] Positionnements d'images (avec interventions dans le code)

ici le titre de l'image ❶

ici le titre de l'image ❷

Pichet de terre ❸

Deux enfants dans le parc ❹

Wouaff Wouaff . . . . . wouaff ! ❺

Commentaires