Nunzio Site Admin

Joined: 08 Aug 2003 Posts: 90 Location: Tharsis Ridge (Martian lowlands)
|
Posted: Sat Aug 09, 2003 9:34 am Post subject: How can I eliminate the vertical space following a form? |
|
|
How can I eliminate the vertical space following a form?
You cannot (to my knowledge) eliminate the line space. FORM is a block level element and therefore will always have one line space above and below. There is a workaround using CSS positioning. Some variation of this should work...
| Code: | | style="position:relative; top:-17px; left:25px;" |
Add it to the tag of the element directly below the form. Here's an example:
| Code: | <FORM action="http://somesite.com/prog/adduser"
method="post">
First name: <INPUT type="text" name="firstname"><BR>
Last name: <INPUT type="text" name="lastname"><BR>
email: <INPUT type="text" name="email"><BR>
<INPUT type="radio" name="sex" value="Male"> Male<BR>
<INPUT type="radio" name="sex" value="Female"> Female<BR>
<INPUT type="submit" value="Send"> <INPUT type="reset">
</FORM>
<p style="position:relative; top:-17px; left:25px;">
stuff is here but there is no line space </p>
|
|
|