Как выровнять <input>и <iframe>по вертикали внутри <td>? - PullRequest
Новая
       17

Как выровнять <input>и <iframe>по вертикали внутри <td>?

0 голосов
/ 25 августа 2009

Я пытался указать valign = "top" в качестве атрибута <td>, но тщетно. 

<tr>
<td>
    <span class="validationInline">*</span>
    Security Code:
</td>
<td valign="top">
    <input type="text" />
    <iframe scrolling="no" height="21px" frameborder="0" width="62px" marginheight="0" marginwidth="0" src="http://google.com"></iframe>
</td>
</tr>

Кажется, что <input> выравнивается по нижней части, а <iframe> - к верхней.

Ответы [ 2 ]

1 голос
/ 26 октября 2009

Из вашего описания кажется, что ячейка выравнивается по верху, но вход / фрейм выравниваются по отношению друг к другу снизу. Вертикальное выравнивание, как правило, применимо только к элементам одного уровня.

Вам нужно установить свойство CSS vertical-align:top как для ввода, так и для iframe. 

<td valign="top">
  <input style="vertical-align:top" type="text" />
  <iframe style="vertical-align:top" scrolling="no" height="18" frameborder="0" width="62" marginheight="0" marginwidth="0" src="http://google.com"> </iframe>
</td>
0 голосов
/ 25 августа 2009 
<td valign="top"><input type="text" />
  <iframe scrolling="no" height="18" frameborder="0" width="62" marginheight="0" marginwidth="0" src="http://google.com"> </iframe></td>

Вышеописанное работает для меня ... Он выравнивает содержимое по верху ячейки. Это то, что вы ищете?

...