Ne vous est il pas déjà arrivé de vouloir tout bêtement  faire 2 tableaux séparés ?

Avec word c'est simple. Il suffit de cliquer sur :

- Format / Colonnes et sélectionner Deux

- Insertion / saut / saut de colonne

Afin que les deux tableaux soient à la même hauteur, n'oubliez pas de cliquer dans la cellule du premier tableau Tableau/Fractionner le tableau.

S'il est relativement simple d'utiliser  word ou open office en bureautique, il est toujours plus complexe de faire un tableau en utilisant une feuille de style. Pourtant, c'est le seul moyen sur un site (ou blog) d'obtenir un tableau correct !

Voici le Code HTML

<table style="width: 45%;" border="1">
<tbody>
<tr>
<td>mmmmm
        </td>
</tr>
</tbody>
</table>
<table style="width: 45%;" border="1">
<tbody>
<tr>
<td>
          hhhhhjjjll
        </td>
</tr>
</tbody>
</table>
<p>
 
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" />
<meta name="Keywords" />
</p>
<style type="text/css"><!--
 
TABLE {
float : left;
margin-left : 20px;
}
--></style>

Code HTML

<style><!--
 
TABLE {
float : left;
margin-left : 20px;
}
--></style>
<table style="width: 250;border-collapse:collapse" border="2" height="11" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="2" width="357"> uuuuuuuuhhh<p>ooooooooo</p>
ggggggg<p>eeeeeeeeeeeee</td>
</tr>
</tbody>
</table>
<table style="width: 250;border-collapse:collapse" border="2" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="357"> yyyyyyyy<p>mmmm</p>
ffffffff<p>hhhhh</td>
</tr>
</tbody>
</table>