Кнопка во всю высоту ячейки

[fedushok]

Как сделать высоту кнопки от верхнего края верхнего input-а до нижнего края нижнего input-а?
Для ячеек задано: margin: 3px 0.
Картинка посередине кнопки.
border-collapse: collapse.
border: none.

[ksa]

Как сделать высоту кнопки от верхнего края верхнего input-а до нижнего края нижнего input-а?

А картинку куда?

[fedushok]

Картинка <img> в кнопке. Причем посередине :-)

[ksa]

fedushok, твою картинку проще организовать не таблицей. Использование именно таблицы обязательно?

P.S.
ХТМЛ кто за тебя делать будет?

[fedushok]

Не так чтобы обязательно. Но желательно. Скорее это вопрос унификации кода. HTML сделаю. Его прямо сюда поместить?

[ksa]

HTML сделаю. Его прямо сюда поместить?

Да.
Только отформатируй и желательно с автозапуском. Вот описание этого...
http://javascript.ru/formatting

Не так чтобы обязательно. Но желательно.

Вся проблема будет в самих контролах...
Поскольку поля и кнопки разные браузеры рисуют по-разному. Т.ч. возможно придется их всех пихать в ДИВы и уже те ДИВы ставить как нужно...

[fedushok]

table {
width: 100%;
border-collapse: collapse;
border: none;
}

table td {
padding: 3px 0;
text-align: left;
}

input {
    box-sizing: border-box;
    height: 22px;
}

<div style="width: 165px; border: 1px solid black">
    <table>
        <tr>
            <td style="text-align: right;"><label>раз ковбой:</label>
            </td>
            <td>
                <input type="text" name="n1" size="2em" value="" tabindex="1">
            </td>
            <td rowspan="2">
                <button type="button" style="width: 32px;">
                </button>
            </td>
        </tr>
        <tr>
            <td style="text-align: right;"><label>два ковбой:</label>
            </td>
            <td>
                <input type="text" name="n2" size="2em" value="" tabindex="2">
            </td>
        </tr>
    </table>
</div>