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

Jean-Claude LEMALLE

ModĂšle - Tableau juridique

Libellé Titre de colonne 2 Titre de colonne 3
LibellĂ© 1 Texte de la case 1–2 Texte de la case 1–3
LibellĂ© 2 Texte plus aĂ©rĂ© Texte 2–3
LibellĂ© 3 Texte 3–2 Texte 3–3

🧭 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

 
<td style="text-align:right; white-space:nowrap; padding:14px 10px;">
12 345,67 €
</td>