106.284 visiteurs uniques depuis la création pour 1.966.617 articles lus

ENCADRER LES DONNEES SOUS FORME D'UN TABLEAU A UNE OU PLUSIEURS CELLULES.

par André Marini 3 Janvier 2015, 12:07 Astuces de blogueur

AVEC UNE CELLULE

Voici le code html qu'il convient d'insérer dans le module ou le texte converti en html pour obtenir un tableau.

CODE

<table width="100%" border ="1" cellspacing="1" cellpadding="1"><tr><td><div align=center>Je veux encadrer mon texte<br>en le séparant bien en plusieurs lignes<br>qu'il convient d'aligner</div></td><tr></table>

On peut régler la table, à 100 pour 100 de la largeur ou moins et régler l'épaisseur et le nombre des traits avec "border", cellspacing" ou "cellpading".

RESULTAT

Je veux encadrer mon texte
en le séparant bien en plusieurs lignes
qu'il convient d'aligner

AVEC PLUSIEURS CELLULES

CODE

<table width="100%" border="1" cellspacing="1" cellpadding="1" >
<tr><td><div align="center">cellule1 </div> </td>
<td><div align="center">cellule2</div> </td>
<td><div align="center">cellule3</div> </td></tr>
</table>

RESULTAT

cellule1

cellule2

cellule3

AVEC RANGEES ET COLONNES

CODE

<table border=1 width=100% cellspacing=1 cellpadding=1 <tr><th>Cellules du haut</th><td>cellule1</td><td>cellule 2</td><td>cellule 3</td></tr><tr><th>Cellules du milieu</th><td>cellule 4</td><td>cellule 5</td><td>cellule 6</td></tr><tr><th>cellules du bas</th><td>cellule 7</td><td>cellule 8</td><td>cellule 9</td></tr></table>

RESULTAT

Cellules du haut	cellule1	cellule 2	cellule 3
Cellules du milieu	cellule 4	cellule 5	cellule 6
cellules du bas	cellule 7	cellule 8	cellule 9

A la place de "cellule", vous écrivez ce que vous voulez.

EXEMPLE

<table border=1 width=100% cellspacing=1 cellpadding=1 <tr><th>Garçons</th><td>Pierre</td><td>Paul</td><td>Jacques</td></tr><tr><th>Filles</th><td>Louise</td><td>Laure</td><td>Marilène</td></tr><tr><th>VAINQUEURS</th><td>PIERRE</td><td>LAURE</td><td>MARILENE</td></tr></table>