Pourquoi cette image ne s'aligne-t-elle pas verticalement et horizontalement au centre de la table?

Question

J'ai un 20px par 20px l'image qui montre sur la gauche d'une table vide:

<table width="100px"> 
    <tr> 
     <td width='100%' align='center' valign='center'> 
      <img id='redimg' src='/images/redimg.gif'/> 
     </td> 
    </tr> 
<table> 

Comment puis-je obtenir qu'il apparaisse dans le centre de la table à la fois verticalement et horizontalement?

Answer 1

Déplacez l'attribut valign vers l'élément tr, puis remplacez «centre» par «milieu».

supprimer ensuite tout et utiliser CSS ;-)

Answer 2

essayer HTML

<table class="mytable"> 
    <tr> 
     <td> 
      <img id='redimg' src='/images/redimg.gif'/> 
     </td> 
    </tr> 
<table> 

et ce CSS

.mytable 
{ 
    width: 100px; 
} 

.mytable td 
{ 
    vertical-align: middle; 
    text-align: center; 
}