hey all. ive got a simple form that has been placed inside a pretty complex page layout. for some reason, it seems as though the <form> tag is creating an undesired border around the form when i look at it on windows version of IE (all other platforms and browsers render ok). this 'padding' is pushing down all other table elements and compeltely throwing off the layout of the page.<br />
<br />
i know that the problem is explicitly related to the <form> tag, because when i comment out the <form> and </form> tags, the page renders correctly.<br />
<br />
here is the code for my form, incase it helps. i've set border=0 on all input objects, still to no avail. is there any way to circumvent this problem via CSS or some other attirbute that im simply not aware of? any help would be greatly appreciated. cheers!<br />
<br />
---<br />
<br />
<form action="blahblahblah.asp" method="post" name="search" target="_blank" language="JavaScript" onsubmit="return ValidateZip()"><br />
<tr><br />
<td><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"images/vt/findcomicshopsh.gif" WIDTH=110 HEIGHT=12 ALT="" border=0></td><br />
</tr><tr><br />
<td><br />
<TABLE WIDTH=143 BORDER=0 CELLPADDING=0 CELLSPACING=0 class="font"><br />
<tr><br />
<td><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"images/vt/spacer.gif" WIDTH=14 HEIGHT=1 ALT="" border=0></td><br />
<td><INPUT TYPE="text" name="Zip" SIZE="10" VALUE="enter zip" border=0></td><br />
<td><input name="image" type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"/dccomics/3_0/images/vt/gob.gif" ALT="GO" WIDTH=24 HEIGHT=9 BORDER=0></td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</form><!--content-->there are errors like form element does not have a language attribute and so,but I can't see any border around the form...are your its form..<!--content-->Just a shot in the dark, but is this what you need?<br />
<br />
<form action="blahblahblah.asp" method="post" name="search" target="_blank" language="JavaScript" onsubmit="return ValidateZip()" style="padding:0px; spacing:0px;"><!--content-->excellent solution pyro,however question still remains, why a form is creating a border to begin with,my guess is there is more code that has some imact on the rendering of the page not just the one is posted above..<!--content-->well, im pretty sure that its explicitly related to the form tag, simply because when i comment out the <form> and </form> tags (but dont touch any of the elements sandwiched between them), the layout is perfect. <br />
<br />
would it help if i posted a link to a mock-up html page that contains this problem?<br />
<br />
let me know. and thanks for all of your help.<br />
<br />
cheers<br />
j<!--content-->yep sure...post a link,it always helps<!--content-->I believe the form tag, as a default, adds spacing around the form. I tested in IE and NN, and in IE, it adds to the top and bottom, and in NN, only on the bottom. Did you try the solution I posted above?<!--content-->Interesting...this seem to have done the trick.<br />
<br />
<form name="form1" action="" onsubmit="" style="margin-top:0px;margin-bottom:0px;" ><br />
<br />
margin property takes care of that,I tested it in NS6+ and IE6+<!--content-->
<br />
i know that the problem is explicitly related to the <form> tag, because when i comment out the <form> and </form> tags, the page renders correctly.<br />
<br />
here is the code for my form, incase it helps. i've set border=0 on all input objects, still to no avail. is there any way to circumvent this problem via CSS or some other attirbute that im simply not aware of? any help would be greatly appreciated. cheers!<br />
<br />
---<br />
<br />
<form action="blahblahblah.asp" method="post" name="search" target="_blank" language="JavaScript" onsubmit="return ValidateZip()"><br />
<tr><br />
<td><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"images/vt/findcomicshopsh.gif" WIDTH=110 HEIGHT=12 ALT="" border=0></td><br />
</tr><tr><br />
<td><br />
<TABLE WIDTH=143 BORDER=0 CELLPADDING=0 CELLSPACING=0 class="font"><br />
<tr><br />
<td><IMG src=http://www.webdeveloper.com/forum/archive/index.php/"images/vt/spacer.gif" WIDTH=14 HEIGHT=1 ALT="" border=0></td><br />
<td><INPUT TYPE="text" name="Zip" SIZE="10" VALUE="enter zip" border=0></td><br />
<td><input name="image" type="image" src=http://www.webdeveloper.com/forum/archive/index.php/"/dccomics/3_0/images/vt/gob.gif" ALT="GO" WIDTH=24 HEIGHT=9 BORDER=0></td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</form><!--content-->there are errors like form element does not have a language attribute and so,but I can't see any border around the form...are your its form..<!--content-->Just a shot in the dark, but is this what you need?<br />
<br />
<form action="blahblahblah.asp" method="post" name="search" target="_blank" language="JavaScript" onsubmit="return ValidateZip()" style="padding:0px; spacing:0px;"><!--content-->excellent solution pyro,however question still remains, why a form is creating a border to begin with,my guess is there is more code that has some imact on the rendering of the page not just the one is posted above..<!--content-->well, im pretty sure that its explicitly related to the form tag, simply because when i comment out the <form> and </form> tags (but dont touch any of the elements sandwiched between them), the layout is perfect. <br />
<br />
would it help if i posted a link to a mock-up html page that contains this problem?<br />
<br />
let me know. and thanks for all of your help.<br />
<br />
cheers<br />
j<!--content-->yep sure...post a link,it always helps<!--content-->I believe the form tag, as a default, adds spacing around the form. I tested in IE and NN, and in IE, it adds to the top and bottom, and in NN, only on the bottom. Did you try the solution I posted above?<!--content-->Interesting...this seem to have done the trick.<br />
<br />
<form name="form1" action="" onsubmit="" style="margin-top:0px;margin-bottom:0px;" ><br />
<br />
margin property takes care of that,I tested it in NS6+ and IE6+<!--content-->