This is simple yet annoying....

noswad · 05-16-2006, 07: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?

Thanks for viewing

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

Give the table and the inputs a height.

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

That correct, Dan was right.

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

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

Code:

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

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

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

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

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

05-16-2006, 07:04 PM	#1 (permalink)
noswad NamePros Regular Join Date: Aug 2005 Location: Leeds, UK Posts: 260 70.00 NP$ (Donate)	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? Thanks for viewing __________________ C905 - Sony Ericsson mobile phone with an 8 megapixel camera!

05-17-2006, 03:42 AM	#4 (permalink)
Jim_ NamePros Regular Join Date: Aug 2005 Posts: 585 285.40 NP$ (Donate)	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, 03:53 AM	#5 (permalink)
noswad NamePros Regular Join Date: Aug 2005 Location: Leeds, UK Posts: 260 70.00 NP$ (Donate)	Jim you are correct. Thanks you and to everyone else also __________________ C905 - Sony Ericsson mobile phone with an 8 megapixel camera! Last edited by noswad; 05-17-2006 at 03:57 AM.

05-17-2006, 04:48 AM	#6 (permalink)
Noobie NamePros Regular Join Date: Feb 2006 Location: Montreal, Quebec, Canada Posts: 324 66.75 NP$ (Donate)	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, 07:26 PM	#2 (permalink)
Dan Buy my domains. Join Date: Feb 2006 Posts: 2,801 56.00 NP$ (Donate)	Give the table and the inputs a height.

05-16-2006, 10:58 PM	#3 (permalink)
Xyzer Senior Member Join Date: Aug 2005 Location: United Kindom Posts: 1,506 90.70 NP$ (Donate)	That correct, Dan was right.

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