2009/06/08

encadrer un tableau par du css

la methode la plus simple pour arrondire un tableau ou l'encadrer par des images des coins est la suivante:
1- html:
cree un tableau comme ce si
<table><tr><td>ggfgd.....</td></tr></table> .....................(a)
cree un autre tableau comme suit:

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>
.................................(b)
<td>&nbsp;</td>

</tr>

</table>
entre les deux balise (b), mettez votre tableau (a).

maintenant le css:
il vous faut 8 images.
vous allez les nommer come suite:
hg.gif.............................(coin haut a gauche)
hd.gif.............................(coin haut a droite)
bg.gif.............................(coin bas a gauche)
bd.gif............................(coin bas a droite)
h.gif..............................(l'image qui relie les deux coins du haut et du bas horisentalement)
g.gif..............................(l'image qui relie les deux coins du haut et du bas verticalement)

2- le css:

pour les quatres coin ajouter dans la balis <td "> par <td style=" background:url(l'url de votre image |hg.gif ou hd.gif ou bg.gif ou bd.gif|); ">
pour les autres balise td................. (suite dans l'article suivant....)

Aucun commentaire:

lala moulati ana9a maghribia