faqts : Computers : Internet : Web : HTML : Forms

+ Search
Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

27 of 33 people (82%) answered Yes
Recently 8 of 10 people (80%) answered Yes

Entry

How do I eliminate the vertical space following a </FORM>

Nov 22nd, 2004 21:02
Dave Clark, jon swift, Ashish Chamoli, Ben Gordon, Kevin Esler,


a simple table will help
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<form name="login" method="post" action="login.php">
<td>username  <input name="username" type="text"></td>
<td>password  <input name="password" type="password"></td>
<td><input name="submit" type="submit" value="submit"></td>
</form>
</tr>
</table>
i'm not sure why but when you put the forms tags like the above example
there is no gap beneath the form
~~~~~~~~~~~~~~~~~~~~
The above is invalid HTML structure. Instead, code it this way 
(although the table is not required -- the key is in the STYLE 
attribute shown below):
<form name="login" method="post" action="login.php" style="margin:0;">
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>username  <input name="username" type="text"></td>
      <td>password  <input name="password" type="password"></td>
      <td><input name="submit" type="submit" value="submit"></td>
    </tr>
  </table>
</form>
Sincerely,
Dave Clark
~~~~~~~~~~~~~~~~~~~~