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

您的textarea不在单元格中。它在行之间，难怪它搞砸了。）

尝试：

<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 3

像这样创建你的表：

<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>

请注意第一个和最后一个td元素上的colspan =“2”和align =“right”属性。 我也将textarea移动到了td。

Answer 4

您需要将该textarea放入具有colspan =“2”的表格单元格中以获得所需的效果。

如果您使用CSS代替表格，则获得积分;）

Answer 5

您的textarea也需要在表格行中。没有经过测试，但试试这个：

<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>

Answer 6

我不确定，但首先尝试将textarea放在一个单元格中，如下所示：

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