автоматически равен размером таблицы

Question

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

этих таблицы взяты из база данных. И вот мой код для таблицы:

<table width="" height="" cellpadding="3" cellspacing="0" border="1"> 
    <tr class="row_submit"> 
     <td height="150px" width="250px"><center><label> 
      <input type="radio" name="payment" <?php if (isset($payment) && $payment=="$row[pay_name]") echo "checked";?> value="<?php echo $row['pay_name']; ?>"> 
      <!--<img src="../paymentoptions/lbc.png" alt="LBC" class="picture" width="245px" style="margin:10px"/></label></td> --> 
      <?php echo '<img src="data:image/jpeg;base64,'.base64_encode($row['pay_pic']).'" height="150px" width="150px" style="margin:10px"/>'; ?> 
    </tr> 
    <tr class="row_submit"> 
     <td height="80px" width="300px"><p id="pay"><?php echo $row['pay_desc']; ?><p></td> 
    </tr> 
</table> 

Я попытался добавить высоту, но я не знаю, почему она не будет работать. Это просто делает TD в левом pic больше.

Помогите мне исправить их высоты, чтобы он всегда был равным.

Answer 1

В коде вы добавили высоту через встроенный стиль с разными значениями. Попробуйте назначить значения высоты одинаково как для <td>.
Если вы пытаетесь использовать внешний css, вы не можете переопределять встроенные стили, , но вы можете использовать оператор переопределения во внешних стилях, т. Е. Оператор !.

Ex:

td { 
    height: 100px !important; 
    } 

Answer 2

Если вы должны использовать таблицы, то вы можете визуально фальсифицировать этот эффект, имея родительскую таблицу с двумя столбцами каждая с атрибутом border, а затем существующие таблицы в каждом столбце с только горизонтальная граница, установленная в первом ряду.

JSFiddle пример: http://jsfiddle.net/n2u97gjx/1/