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

Nouveau WRInaute
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 :?:
 
WRInaute occasionnel
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>
 
WRInaute discret
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
 
Nouveau WRInaute
TATOINE a dit:
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:
 
Nouveau WRInaute
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é :oops: je pars m'autofouetter :wink:
 
Discussions similaires
Haut