Jean-Claude LEMALLE : une expérience de juge-consulaire

🧭 Mode d’emploi simple

➤ Ajouter ou supprimer une colonne

• Chaque ligne <col style="width: …%"> représente une colonne.

• Pour ajouter, copie une ligne <col> et colle-la juste après la dernière.
  Exemple :

  <col style= »width: 25% »>
  <col style= »width: 25% »>
  <col style= »width: 25% »>
  <col style= »width: 25% »> <!– colonne ajoutée –>

   

• Vérifie que le total ≈ 100 % pour que le tableau garde la bonne largeur.

• Pour supprimer, efface une ligne <col …> et le <td> correspondant dans chaque ligne du tableau.

➤ Ajouter ou supprimer une ligne

• Chaque ligne horizontale est un bloc <tr>…</tr>.

• Pour ajouter une ligne : copie un bloc <tr> complet et colle-le juste après le dernier.

• Pour supprimer : efface le bloc <tr>…</tr> concerné.

➤ Agrandir une ligne

• Le texte d’une cellule se trouve entre les balises <td> … </td>.

• Pour agrandir la ligne, ajoute par exemple :

   

  <td style="padding:14px 10px">Texte plus haut</td>


  
  → Le premier nombre (14px) détermine la hauteur verticale.
  Plus il est grand, plus la ligne est haute.

➤ Ajuster la largeur d’une colonne

• Modifie le pourcentage dans le bloc <colgroup> (par ex. width: 40%).
  Exemple :

   

  <col style="width: 25%">
<col style="width: 45%">
<col style="width: 30%">


➤ Petits réglages utiles

• Empêcher un retour à la ligne :
  style="white-space: nowrap"

• Aligner à droite :
  style="text-align: right"

• Centrer le texte :
  style="text-align: center"

🧰 Exemple combiné : aligne le texte à droite, empêche un retour à la ligne, ajoute un peu d’espace verticla