HTML tables

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>

equals to

http://i42.tinypic.com/14j18xz.jpg

How can I do so that the submit button stays where i want it (look pic). If i mess with width of the table it gets completely diffrent in firefox and ie.

Answer 1

Your textarea is not in a cell. It's between rows, no wonder it's messed up :)

Try:

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

Create your table like this:

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

Note the colspan="2" and the align="right" attributes on the first and last td element. Also I moved the textarea into a td as well.

Answer 3

Put the <textarea> in a table cell:

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

You'll want to put that textarea into a table cell with colspan="2" to get the desired effect.

Bonus points if you use CSS instead of a table for this ;)

Answer 5

Your textarea needs to be in a table row as well. Not tested, but try this:

<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

I'm not sure, but first try putting the textarea in a cell, like this:

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