Discussion :

[Micke7]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

[Micke7]

C'est bon, problème résolu!

J'ai modifié le display des img concerné (display : block) et j'ai centrer le tout (image + texte) grâce à l'option align : center ajoutée aux balises <td>.

Merci à moi