Problème de background à répétition dans un <td>
7 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
Problème de background à répétition dans un <td>
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
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
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
<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
Dernière édition par TATOINE le Jeu Avr 13, 2006 11:28, édité 1 fois.
TATOINE a écrit: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
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 
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é
7 messages • Page 1 sur 1
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Google Voice, la gestion de vos conversations audio
- 5 fans de VTT chez Google lancent le blog Google Earthlings
- Sandbox, blacklistage et autres pénalités de Google
- Comment voir facilement les liens nofollow dans Firefox
- Référencement Yahoo France (yahoo.fr)
- Google Code Jam 2003
- Référencement d'un forum phpBB
- Matt Cutts déclare la guerre au spamdexing en français (et autres langues)
- Apprendre à utiliser Google Ad Manager
- Comment éviter les contenus dupliqués (avec/sans le www)
- Un background dans un td
- image en background
- Background Transparent
- Images en background et Outlook 2007
- Image de background : optimisation ou accessibilité
- image background dans un container
- Background différent en fonction de la largeur du body
- Changer la couleur (background) dun .swf
- CSS >> Image de background et lien
- Background 2 images en CSS
- Utilisation d'image en background
- changer le background d'un tr en Js
- probleme background css ...
- Pb CSS > background-image
- Problème de background avec CSS
- Calcul d'indice de densité
Cet outil vous permet de calculer l'indice de densité d'un mot-clé d'une page web. Il est calculé à la fois pour la balise TITLE, la balise META description et l'ensemble du texte de la page.
Qui est en ligne
Utilisateurs parcourant ce forum: stephenz et 0 invités





le forum