cellpadding "récalcitrant" .
Bonsoir à tous,
Pour faite suite au sujet que j'ai créé précédemment, j'ai toujours un probleme de padding au sein d'une cellule.
Sous IE, la cellule et son contenu s'affiche correctement, sous d'autres explorateur (firefox, opera, chrome), l'affichage ne se fait pas comme je le souhaiterais.
Voilà l'affichage sous IE (celui que je souhaite avoir partout) :
http://img519.imageshack.us/my.php?image=iexv9.jpg
Et voilà l'affichage sous les autres navigateurs (les bordures du tableau ne servent qu'à bien cerner d'où vient le problème) :
http://img519.imageshack.us/my.php?image=autreik8.jpg
On peut voir sur la seconde image une petite marge blanche sous chaque image des tableaux. C'est cette marge que je n'arrive pas à supprimer.
Pour ce qui est du code :
HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<table cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;" width="100%" class="table_videos">
<tr>
<td><a href="index.php?page=videos.php&type=1"><img src="http://dunksession.free.fr/img/membre.png" ALT="membre" TITLE="membre" /></a></td>
<td><a href="index.php?page=videos.php&type=2"><img srC="http://dunksession.free.fr/img/starf.png" ALT="stars françaises" TITLE="stars françaises" /></a></td>
<td><a href="index.php?page=videos.php&type=3"><img srC="http://dunksession.free.fr/img/stari.png" ALT="stars internationales" TITLE="stars internationales" /></a></td>
<td><a href="index.php?page=videos.php&type=4"><img srC="http://dunksession.free.fr/img/nba.png" ALT="joueurs nba" TITLE="joueurs nba" /></a></td>
</tr>
<tr>
<td><div class="titre_video_dunkeur">Membres</div></td>
<td><div class="titre_video_dunkeur">Stars Françaises</div></td>
<td><div class="titre_video_dunkeur">Stars Intern.</div></td>
<td><div class="titre_video_dunkeur">Joueurs NBA</div></td>
</tr>
</table> |
et CSS :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
.table_videos {
text-align : center;
}
.titre_video_dunkeur {
background-image: url("img/fondtitre.jpg");
color: #FF6600;
font-family: "Trebuchet MS", Georgia, serif;
font-size: 1.1em;
width : 120px;
text-align : center;
} |
[Edition]
Comme un problème ne vient jamais seul, voilà la second.
Le text-align de la classe table_videos ne s'effectue que sur la première ligne du tableau. En cause le <div class="titre_video_dunkeur">(lorsque je le supprime, le "centrage" se fait correctement) à l'intérieur des <td> .
Ainsi sous IE tout fonctionne toujours correctement, mais pas sur les autres navigateurs :
http://img523.imageshack.us/my.php?image=autreaq8.jpg
Je deviens fou!:(
