|
En fait nous avons tout simplement appliqué un style dans une cellule. Il suffit donc de rajouter style="background-image: url(../images/le nom de l'image.jpg ou gif);" Dans la cellule <TD>, (ce qui est en rouge est à remplacer par le chemin et le nom de votre image). Vous pouvez également l'utiliser dans une balise <TABLE> pour tout le tableau ou simplement dans <TR> pour une ligne entière. Voici le code du tableau que vous pouvez copier-coller pour faire l'essai ainsi que le tableau sans la bordure.
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
<TR><TD width="93" rowspan="2" style="background-image: url(../images/menugbackground.jpg);">Menu du site.</TD>
<TD style="background-image: url(../images/lignebackground.jpg);" align="center">Le titre du site</TD>
<TD width="1"><IMG src="../images/espaceur.gif" width="1" height="18" border="0" alt=""></TD></TR>
<TR><TD align="center">Ici le contenu du site<BR></TD>
<TD><IMG src="../images/espaceur.gif" width="1" height="273" border="0" alt=""></TD></TR>
</TABLE>
| Menu du site. |
Le titre du site |
 |
Ici le contenu du site
|
|
| 
Dans notre exemple nous allons réaliser le menu de gauche ainsi que l'image des deux lignes.
Nom de l'image : menugbackground.jpg, d'une dimension de 93*293
