Découper un article en 2 ou 3 colonnes

Découper un article en 2 colonnes :

Vous allez dans le mode source/HTML (comment ?)

 Copiez ce pavé.

<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: left; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #ffff00">Votre texte ici du bloc jaune</DIV>
<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: right; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #66ffff">Votre texte ici du bloc bleu</DIV>Votre texte ici qui va entre les deux blocs

 Vous revenez en mode normal et remplacez les textes écrits.

EXEMPLE

Votre texte ici du bloc jaune

Votre texte ici du bloc bleu

Votre texte ici qui va entre les deux blocs

Vous pouvez ensuite changer :

la couleur du fond : background-color en utilisant les codes couleur (où les trouver ?)

la couleur de l'écriture : color

la largeur : widht

la hauteur : height

---

Découpez un article en 3 colonnes :

Copiez ce pavé en mode source/HTML

<table width=80%>
    <tr>
        <td valign=top>
<h5>
<center>
<p> colonne 1 - ligne 1
<p> colonne 1 - ligne 2
</i></B>
</h5>           
        </td>
<p>
          </td>
          <!--Divider Column-->
          <td width="11" border="0" border="0" height="100%">
            <table width="11" border="0" cellspacing="0" cellpadding="0" border="0" height="100%">
              <tr border="0" height="100%">
                <td border="0" border="0" height="100%"> </td>
                <td width="1" bgcolor="#f5f5dc" border="0" border="0" height="100%"> </td>
                <td border="0" border="0" height="100%">  </td>
              </tr>
</table>
<td valign=top>
<h5>

<p><b><i> colonne 2 -ligne 1
<p> colonne 2 - ligne 2
</i></b>
</h5>

        </td>
<p>
          </td>
          <!--Divider Column-->
          <td width="11" border="0" border="0" height="100%">
            <table width="11" border="0" cellspacing="0" cellpadding="0" border="0" border="0" height="100%">
              <tr border="0" border="0" height="100%">
                <td border="0" border="0" height="100%">  </td>
                <td width="1" bgcolor="#f5f5dc" border="0" border="0" height="100%"> </td>
                <td border="0" border="0" height="100%"> </td>
              </tr>
</table>
<td valign=top>
<h5>
<p> colonne 3 - ligne 1
<p> colonne 3 - ligne 2
</i></B>
</h5>

        </td>
</tr>

</table>

et personnalisez le ainsi :

colonne 1 - ligne1 : inscrivez votre propre contenu
si besoin est, rajoutez des lignes à la suite
<p> colonne 3 - ligne 2
<p> colonne 3 - ligne 3
bgcolor="#f5f5dc" : mettez votre couleur de fond

colonne 1 - ligne 1

colonne 1 - ligne 2

colonne 2 -ligne 1

colonne 2 - ligne 2

colonne 3 - ligne 1

colonne 3 - ligne 2