Warum steht dieses Bild nicht vertikal und horizontal in der Mitte des Tisches?

Question

Ich habe eine 20px 20px von Bild, das auf der oberen linke Ecke einer leeren Tabelle zeigt nach oben:

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

Wie bekomme ich es sowohl vertikal als auch horizontal in der Mitte der Tabelle angezeigt werden?

Answer 1

Das Attribut valign in das Element tr verschieben und dann "center" in "middle" ändern.

löschen Dann alles und CSS verwenden ;-)

Answer 2

HTML versuchen

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

und diese CSS

.mytable 
{ 
    width: 100px; 
} 

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