That annoying gap after a form

[winston1984]

I have the following code creating a form for user login. there is a gap below the buttons that causes the table to be larger than I want. how can I remove it?

<td class="redborder"><form action="login.php" method="get" name="loginform"><p class="menutext">Username<br>
<input name="usrName" type="text" class="textboxtext" id="usrName"><br>
Password<br>
<input name="pssWord" type="password" class="textboxtext" id="pssWord">
<br>
<input name="Submit" type="submit" class="textboxtext" value="Submit">
<input name="Reset" type="reset" class="textboxtext" value="Reset">
</form></p></td>

Thanks.

 

[ChrisHirst]

add

margin-bottom:0px to your menutext class

Chris.

Indifference will be the downfall of mankind, but who cares?

http://www.candsdesign.co.uk

A website that proves the cobblers kids adage.

http://www.cram-system.com

Nightclub counting systems

So long, and thanks for all the fish.

 

[BabyJeffy]

And be aware that white space (that's carriage returns and tabs and spaces to the rest of us), used in making the HTML source code look pretty, can also cause these kinds of gaps. As can an erroneously defined DOCTYPE.

If the suggestion of using margin-bottom:0px doesn't do the trick 100%, then you might consider removing all white space from between the <td> </td> tags.

All the best,
Jeff

 

[sweevo]

Also try putting your form tags outside your <tr> </tr> tags