Click to See Complete Forum and Search --> : Resizing of form area needs to be static, but resizes


kernlicious
06-01-2006, 11:21 AM
I have the following issue and hope the guru's herein can assist:

I have built a contact form and seem to have an issue where when you use the Resize Font selection in IE, it moves when you resize the page, but doesn't resize any text (that is just fine).

Can anyone give me a clue as to why the form itself resizes slightly?

++++++++++++++++++++++++++++++++++++++++++++++++++
Here is the snippet of code starting below this
++++++++++++++++++++++++++++++++++++++++++++++++++

<td width="30%" valign="top"><table width="95%" border="1" align="center" cellpadding="5" cellspacing="2" bordercolor="#6699CC">

<td height="35"><div align="left">

<img src="images/contactus.gif" width="150" height="25">
<br>
<font color="#5f5f5f"><strong style="font-weight: 400"><font face="Tahoma" style="font-size: 11px">By phone at 214.500.8475
or by using our contact form below.
<br>
<font color="#6699CC">- - - - - - - - - - - - - - - - - - - - - - - - - - -</font></font></strong></font>
<form action="/cgi-bin/formmail/formmail.cgi" method="post" name="contactform1" id="contactform1">
<table width="100%" border="" align="center" cellpadding="2" cellspacing="2" bordercolor="#FFFFFF">
<input type=hidden name="recipient" value="corby@gmail.com">


<td valign="top" bordercolor="#FFFFFF"><div align="left"><font color="#5f5f5f"><strong style="font-weight: 400"><font face="Tahoma" style="font-size:11px">Name<br><input name="Name" type="text" id="Name" size="25">
</font></strong></font></div></td>


<tr>
<td valign="top" bordercolor="#FFFFFF"><div align="left"><font color="#5f5f5f"><strong style="font-weight: 400"><font face="Tahoma" style="font-size: 11px">Contact Number/ E-Mail
<input name="Contact Information" type="text" id="Contact Information" size="25">
</font></strong></font></div></td>
</tr>

<tr>
<td valign="top" bordercolor="#FFFFFF"><div align="left"><font color="#5f5f5f"><strong style="font-weight: 400"><font face="Tahoma" style="font-size: 11px">Question
or Comment</font></strong><strong><font face="Tahoma" style="font-size: 11px">
<textarea name="request" rows=8 id="request"></textarea>
</font></strong></font></div></td>
</tr>

<tr>
<td height="39" valign="top" bordercolor="#FFFFFF"><div align="center"><strong><font face="Tahoma" style="font-size: 11px">
<input name="Sending" type="submit" id="Sending" value="Submit">
l
<input type="reset" name="Submit22" value="Clear">
</font></strong></div></td>
</tr>

</table></div></td>
</tr>
</table>

++++++++++++++++++++++++++++++++++++++++++++++++++
END OF CODE FOR FORM
++++++++++++++++++++++++++++++++++++++++++++++++++

Thanks to any and everyone that can help!

C.

knowj
06-01-2006, 11:43 AM
probably because the fonts in the input tags are being resized.

one thing your using ALOT of depreciated html in there <font> is no longer a recognised tag along with elements width, height, border, and the strong tag.

you should controll layout and styling using CSS.

you will find it alot easier to deal with resizing problems

kernlicious
06-01-2006, 12:17 PM
So short of using CSS, how could I adjust the font tags?

Thank you!!

ray326
06-01-2006, 11:20 PM
Use HTML Tidy to strip them out and convert to CSS.

knowj
06-03-2006, 03:54 AM
rather than using <font> use <p> <h1> <h2> <h3>

and mainly use <p>

p{
styles
}

or <p style="css styles"> if you need a unique style

kernlicious
06-03-2006, 08:14 AM
Thanks you guys. HTML Tidy looks very handy.

For a quick workaround I used Inline CSS with p style and it worked perfectly.

Thanks again for your time and assistance.

K.