HTML таблицы не отображаются последовательно

Question

<table cellspacing="0" cellpadding="0">

<textarea rows="5" cols="60" name="question"></textarea>

<tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td><input type="submit" value="Skicka" /></td>
</tr>
</table>

равно

Как я могу сделать так, чтобы кнопка отправки оставалась там, где я хочу (см. Рис.). Если я возлюсь с шириной таблицы, в Firefox и IE она будет совершенно другой.

Answer 1

Поместите <textarea> в ячейку таблицы:

<table cellspacing="0" cellpadding="0">
<tr><td colspan="2">
    <textarea rows="5" cols="60" name="question"></textarea>
 </td><tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td><input type="submit" value="Skicka" /></td>
</tr>
</table>

Answer 2

Создайте свою таблицу следующим образом:

<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<textarea rows="5" cols="60" name="question"></textarea>
</td>
</tr>
<tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td align="right"><input type="submit" value="Skicka" /></td>
</tr>
</table>

Обратите внимание на атрибуты colspan = "2" и align = "right" в первом и последнем элементе td. Также я переместил текстовую область в тд.

Answer 3

Ваша текстовая область не находится в ячейке. Это между рядами, не удивительно, что все перепутано:)

Попытка:

<table cellspacing="0" cellpadding="0">
<tr>
    <td colspan="2"><textarea rows="5" cols="60" name="question"></textarea>
</tr>

<tr>
 <td><input type="text" readonly="1" value="127.0.0.1" /></td>
 <td><input type="submit" value="Skicka" /></td>
</tr>
</table>

Answer 4

Вы захотите поместить эту текстовую область в ячейку таблицы с colspan = "2", чтобы получить желаемый эффект.

Бонусные баллы, если вы используете CSS вместо таблицы для этого;)

Answer 5

Я не уверен, но сначала попробуйте поместить текстовое поле в ячейку, например:

<tr>
<td colspan="2">
<textarea>Stuff</textarea>
</td>
</tr>

Answer 6

Ваша текстовая область также должна быть в строке таблицы. Не проверено, но попробуйте это:

<table cellspacing="0" cellpadding="0">
 <tr>
  <td colspan="2">
   <textarea rows="5" cols="60" name="question"></textarea>
  </td>
 </tr>
 <tr> 
  <td>
   <input type="text" readonly="1" value="127.0.0.1" />
  </td>
  <td>
   <input type="submit" value="Skicka" />
  </td>
 </tr>
</table>