Problems with form inside a table

Hi there,<br />
<br />
I have a little problems and cant figure out how to resolve it. I have 2 forms inside a table and it seems to resize the size of it. I've tried many things but havent been able to resolve the little puzzle. Maybe one of you have already gone through that one.<br />
<br />
Here is an example:<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE></TITLE><br />
</HEAD><br />
<BODY BGCOLOR="#000000"><br />
<TABLE CELLSPACING=0 CELLPADDING=0 BGCOLOR="#FFFFFF"><br />
<TR><br />
<TD WIDTH="200"><br />
<FORM><br />
<TABLE BGCOLOR="#FFFFFF"><br />
<TR><br />
<TD><br />
<INPUT TYPE="RADIO" VALUE="TEST" CHECKED><br />
</TD><br />
<TD WIDTH="125"><br />
<INPUT TYPE="TEXT" VALUE="123"><br />
</TD><br />
</TR><br />
</TABLE><br />
</FORM><br />
</TD><br />
</TR> <br />
</TABLE><br />
</BODY><br />
</HTML><br />
<br />
<br />
Look at the size of the table... it has some extra white space at the bottom of it. If you comment out the FORM and /FORM tag, the extra white space just disappear. It seems like the "FORM" set the TABLE size. How can I override this. I dont want that extra white space at the bottom.<br />
<br />
Thanks in advance for the answer<!--content-->Heres what you need to do. Put px at the end of your sizes. <br />
<br />
Example<br />
------------------------------------<br />
<HTML><br />
<HEAD><br />
<TITLE></TITLE><br />
</HEAD><br />
<BODY BGCOLOR="#000000"><br />
<TABLE CELLSPACING=0 CELLPADDING=0 BGCOLOR="#FFFFFF"><br />
<TR><br />
<TD WIDTH="200px"><br />
<FORM><br />
<TABLE BGCOLOR="#FFFFFF"><br />
<TR><br />
<TD><br />
<INPUT TYPE="RADIO" VALUE="TEST" CHECKED><br />
</TD><br />
<TD WIDTH="125px"><br />
<INPUT TYPE="TEXT" VALUE="123"><br />
</TD><br />
</TR><br />
</TABLE><br />
</FORM><br />
</TD><br />
</TR> <br />
</TABLE><br />
</BODY><br />
</HTML><!--content-->I think you misunderstood the problem I have. The problem is that there is too much white spaces below the text zone. Those white spaces seems to be removed when I comment out the "FORM" tag. How can I fix the table size on which the "FORM" tag will have no effect.<!--content-->Simply put the form tags inside the table like so:<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE></TITLE><br />
</HEAD><br />
<BODY BGCOLOR="#000000"><br />
<TABLE CELLSPACING=0 CELLPADDING=0 BGCOLOR="#FFFFFF"><br />
<TR><br />
<TD WIDTH="200"><br />
<TABLE BGCOLOR="#FFFFFF"><br />
<FORM><br />
<TR><br />
<TD><INPUT TYPE="RADIO" VALUE="TEST" CHECKED></TD><br />
<TD WIDTH="125"><INPUT TYPE="TEXT" VALUE="123"></TD><br />
</TR><br />
</FORM><br />
</TABLE><br />
</TD><br />
</TR> <br />
</TABLE><br />
</BODY><br />
</HTML><br />
<br />
That'll fix it.<br />
<br />
Neil<!--content-->yeah but to put the form tag inside the table tag is illegal and will surely lead to some error in netscape or whatever the browser.<!--content-->putting a form tag inside a table is not illegal. it is just fine to do it.<br />
<br />
but you should add sytle="display: inline" in your form tag.<br />
<br />
but, WILL NOT work in NS or any other browser besides IE.<br />
<br />
the problem, the form tag is a block element and will create a border around it. making it display inline will take care of it, in IE only.<!--content-->
 
Back
Top