Problème de background à répétition dans un <td>

[Runan]

Voici la page http://www.iiagoo.fr/pages/jeux/retournebosser/ qui me pose problème

En fait je n'arrive pas à afficher le bas du tableau de manière répéter, voici le code :

<table border="0" cellpadding="0" cellspacing="0">
<thead>
<tr>
<td width="12"><img src="/images/dynmenu1/haut_1_1_gauche.gif"></td>
<td width="17"><img src="/images/dynmenu1/haut_1_2_gauche.gif"></td>
<td valign="top" align="center" background="/images/dynmenu1/haut_1_milieu_pix.gif"></td>
<td width="105"><img src="/images/dynmenu1/haut_1_1_droite.gif"></td>
<td width="22"><img src="/images/dynmenu1/haut_1_2_droite.gif"></td>
</tr>
<tr>
<td width="12"><img src="/images/dynmenu1/haut_2_gauche.gif"></td>
<td bgcolor="#F5F5F5" colspan="3" align="center">Titre</td>
<td width="22" align="right"><img src="/images/dynmenu1/haut_2_droite.gif"></td>
</tr>
</thead>
<tbody>
<tr>
<td width="12" align="left" valign="top" background="/images/dynmenu1/centre_gauche.gif"></td>
<td bgcolor="#F5F5F5" colspan="3" align="center">coucou</td>
<td width="22" align="right" valign="top" background="/images/dynmenu1/centre_droite.gif"></td>
</tr>
</tbody>
<tfoot>
<tr>
<td><img src="/images/dynmenu1/bas_gauche_1.gif"></td>
<td><img src="/images/dynmenu1/bas_gauche_2.gif"></td>
<td valign="top" align="center" background="/images/dynmenu1/bas_milieu_pix.gif"></td>
<td><img src="/images/dynmenu1/bas_droite_1.gif"></td>
<td><img src="/images/dynmenu1/bas_droite_2.gif"></td>
</tr>
</tfoot>
</table>

J'ai essayé sans les balises thead tbody et tfoot mais toujours la même chose !

Des idées :?:

 

[Maxib]

Encore une fois, l'utilisation des styles est de rigueur...

Essaye ceci :

<td valign="top" align="center" style="background:url('./images/dynmenu1/bas_milieu_pix.gif') repeat-x"></td>

 

[Runan]

Essaye ceci :

<td valign="top" align="center" style="background:url('./images/dynmenu1/bas_milieu_pix.gif') repeat-x"></td>

Même chose

 

[TATOINE]

si j'ai bien compris ta question, il faut user du css :

<td class="bg" valign="top" align="center"></ td>

et dans la feuille de style :

TD.bg {

background-image: url(images/dynmenu1/bas_milieu_pix.gif);
background-repeat: repeat-x;
}

repeat-x : repete à l'horizontal
repeat-x : repete à la verticale (ou l'inverse!)
ou no-repeat

 

[Maxib]

edit.

 

[Runan]

si j'ai bien compris ta question, il faut user du css :

<td class="bg" valign="top" align="center"></ td>

et dans la feuille de style :

TD.bg {

background-image: url(images/dynmenu1/bas_milieu_pix.gif);
background-repeat: repeat-x;
}

repeat-x : repete à l'horizontal
repeat-x : repete à la verticale (ou l'inverse!)
ou no-repeat

Ca fait toujours pareil, j'ai toujours cet espace blanc :cry:

 

[Runan]

Pfff je suis vraiment désolé de vous avoir fait brûler de la matière grise.

Le problème venait du fait qu'une image en haut du tableau était plus large que celle du bas dans la même colonne d'où le blanc ...

Encore désolé je pars m'autofouetter :wink: