Cet article décrit et illustre les différents positionnement qu'il est possible d'obtenir en utilisant  éditeur d'articles, pages etc.

1. Première partie : Description des commandes et du code créé.
   
2. Deuxième partie : Illustrations des résultats obtenus

L'image ci-dessous montre les actions possibles sans intervenir directement dans le code.
(le positionnement Gauche Centre Droit se fait en cliquant sur les 3 premiers boutons de l'emplacement n°12 sur l'image précédente)

.

- = - = -

 ..

Lire la suite...

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)

Lire la suite...

Cet article est destiné à détailler, pas à pas, comment placer une image d'illustration au sein d'un texte. Le texte d'accompagnement (titre + complément d'info sur l'image  étant placé en dessous).

En utilisant uniquement les boutons de l’Éditeur, et en observant l'évolution du code source

          .  .  .  .  .  .  .  

Lire la suite...

Suite de l'article pas à pas pour ajouter une image.

L'objectif est d'encadrer l'image en incluant le libellé d'accompagnement, le tout étant centré horizontalement.

.

. Ce sujet fait suite au pas à pas "Ajouter une image, centrée, texte de libellé sous l'image"

Lire la suite...

Dans la suite des deux articles précédents, voici une autre façon de mettre une image dans un article ou une page simple, en lui associant un texte d'information.

Il suffira de mettre l'image en place, puis :

- soit ajouter au paragraphe une class CSS (hyper simple mais le texte n'acceptera que des retours à le ligne)

- soit de modifier légèrement le code en ajoutant un élément <div class="  ">  qui contiendra le paragraphe avec la photo (dans ce cas le texte d'accompagnement n'impose aucune contrainte).

Dans les deux cas le visuel est le même.

Lire la suite...