Почему это изображение не выравнивается по центру стола по вертикали и горизонтали?

Question

У меня есть изображение размером 20 на 20 пикселей, которое отображается в верхнем левом углу пустой таблицы:

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

Как сделать так, чтобы оно отображалось в центре таблицы как по вертикали, так и по горизонтали?

Answer 1

Переместите атрибут valign в элемент tr, затем измените «центр» на «средний».

Затем удалите все это и используйте CSS; -)

Answer 2

попробуйте этот HTML

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

и этот CSS

.mytable
{
    width: 100px;
}

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