This is simple yet annoying....

noswad · 05-16-2006, 08:04 PM

Hi.

I have a table and a search box within it. Everything is fine in Dreamweaver but when I put the site on the server, for some reason the height of the table is twice as high as the search box. All I want is for the table to fit nicely around the search box.

This is the code....

<table width="100%" border="0" cellpadding="6" cellspacing="0">
<tr bgcolor="2c5b8c">
<td width="99%" bgcolor="2c5b8c"><form name="form1" method="get" action="http://www.domain.com">
<div align="right">
<input name="textfield" type="text" value="e.g. Amazon">
<input type="submit" name="Submit" value="Search">
</div>
</form></td>
<td width="1%" bgcolor="2c5b8c">
</td>
</tr>
</table>

Why oh why is it doing it?
????: NamePros.com http://www.namepros.com/programming/198078-this-is-simple-yet-annoying.html

Thanks for viewing

Dan · 05-16-2006, 08:26 PM

Give the table and the inputs a height.

Xyzer · 05-16-2006, 11:58 PM

That correct, Dan was right.

Jim_ · 05-17-2006, 04:42 AM

I think it's the form tag. Add this CSS:

Code:

<style>
form {
  padding: 0px;
  margin: 0px;
}
</style>

noswad · 05-17-2006, 04:53 AM

Jim you are correct. Thanks you and to everyone else also

Noobie · 05-17-2006, 05:48 AM

all your style sheets should contain Jim's code by default ;p

05-16-2006, 08:04 PM	THREAD STARTER #1 (permalink)
noswad NamePros Regular Join Date: Aug 2005 Location: Leeds, UK Posts: 263	This is simple yet annoying.... Hi. I have a table and a search box within it. Everything is fine in Dreamweaver but when I put the site on the server, for some reason the height of the table is twice as high as the search box. All I want is for the table to fit nicely around the search box. This is the code.... <table width="100%" border="0" cellpadding="6" cellspacing="0"> <tr bgcolor="2c5b8c"> <td width="99%" bgcolor="2c5b8c"><form name="form1" method="get" action="http://www.domain.com"> <div align="right"> <input name="textfield" type="text" value="e.g. Amazon"> <input type="submit" name="Submit" value="Search"> </div> </form></td> <td width="1%" bgcolor="2c5b8c"> </td> </tr> </table> Why oh why is it doing it? ????: NamePros.com http://www.namepros.com/programming/198078-this-is-simple-yet-annoying.html Thanks for viewing __________________ Michael McIntyre - Fan site for the super funny UK comedian Michael McIntyre

05-17-2006, 04:42 AM	#4 (permalink)
Jim_ NamePros Regular Join Date: Aug 2005 Location: NY, USA Posts: 610	I think it's the form tag. Add this CSS: Code: <style> form { padding: 0px; margin: 0px; } </style> __________________ ask me about the internet

05-17-2006, 04:53 AM	THREAD STARTER #5 (permalink)
noswad NamePros Regular Join Date: Aug 2005 Location: Leeds, UK Posts: 263	Jim you are correct. Thanks you and to everyone else also __________________ Michael McIntyre - Fan site for the super funny UK comedian Michael McIntyre Last edited by noswad; 05-17-2006 at 04:57 AM.

05-17-2006, 05:48 AM	#6 (permalink)
Noobie NamePros Regular Join Date: Feb 2006 Location: Montreal, Quebec, Canada Posts: 324	all your style sheets should contain Jim's code by default ;p __________________ Goldkey.com is a scam What's your BMI? \| Timestamp Generator

05-16-2006, 08:26 PM	#2 (permalink)
Dan Buy my domains. Join Date: Feb 2006 Posts: 2,796	Give the table and the inputs a height.

05-16-2006, 11:58 PM	#3 (permalink)
Xyzer Senior Member Join Date: Aug 2005 Location: United Kindom Posts: 1,502	That correct, Dan was right.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)