Coins arrondis dans un tableau

[Xoumi]

Tutoriel proposé par gaspa avec l'aide de PatMax.

Coins arrondis dans un tableau

Description de l'astuce:

Voici donc le script qui permet d'avoir les coins arrondis dans un tableau.

<table cellspacing="0" cellpadding="0">
<tr height="Hauteur de toute la bordure supérieur">
<td width="Largeur de toute la bordure de gauche (minimum 6 pixels)" background="Image du coin supérieur gauche"></td>
<td width="Largeur du tableau" background="Image de remplissage"></td>
<td width="Largeur de toute la bordure droite (minimum 6 pixels)" background="Image supérieure droite" ></td>
</tr>
<tr>
<td background="image de remplissage"></td>
<td background="image de remplissage" >Votre Texte</td>
<td background="image de remplissage"></td>
</tr>
<tr height="Hauteur de la bordure inférieure">
<td background="image coin inférieur gauche"></td>
<td background="image de remplissage"></td>
<td background="image coin inférieur droite"></td>
</tr>
</table>

Pour l'image de remplissage, un gif de 1/1pixel à la couleur souhaitée suffit.

Où placer ce code:

Vous pouvez placer ce code dans une page HTML de votre forum.
Panneau d'Administration -> Modules -> Gestion des pages HTML -> Créer une page HTML.