исправьте кнопки под таблицами, которые будут показаны или скрыты

Question

У меня есть кнопки в форме и над ней у меня есть таблицы, которые я буду устанавливать для них блокировать, а не блокировать (Javascript) Когда я нажимаю на ссылку, в соответствующей таблице будет отображаться содержимое. Моя проблема в том, что при нажатии на ссылки положение кнопок будет меняться. Я хочу, чтобы они были исправлены. Что мне делать? (У меня есть 2 тега формы на странице, эта форма является второй) Заранее спасибо

<form name="ruleSaveSettingForm" method="POST" onsubmit="return applySave();">
<input type="hidden" name="rule_id">
<input type="hidden" name="rule_value">
<input type="hidden" name="openerhref">
<table align="right" border="0" cellpadding="0">
<tr>
<td class="tdaction"> <input type="submit" id="Save" value="Save" class="but"></td>
<td class="tdaction"> <input type="button" id="Reset" value="Reset" class="but" onclick="resetForm();return false;"></td>
<td class="tdaction"> <input type="button" id="Close" value="Close" class="but" onclick="window.close();"></td>
</tr>
</table>
</form>

Answer 1

<div style='min-height:150px;' id='yourID'>
    <table border='1'>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
    </table>
</div>
<div>
    <table>
        <tr>
            <td>button1</td>
            <td>button2</td>
            <td>button3</td>
        <tr>
    </table>
</div>

В приведенном выше примере вам необходимо заново разместить кнопки в div. Вы можете использовать div или table.

Answer 2

1. Лучше вытащить кнопки из-за стола, если они находятся внутри него.
2. Переместите таблицу в элемент div и присвойте ему свойство стиля

min-height:50px;

Это позволит сохранить высоту элемента div до 50 px, даже если таблица будет скрыта с помощью Java.скрипт.

Надеюсь, что это решит вашу проблему