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> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
.................................(b)
<td> </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:
Enregistrer un commentaire