This is simple yet annoying..

[noswad]

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 :hehe:

 

[Dan]

Give the table and the inputs a height.

 

[Xyzer]

That correct, Dan was right.

 

[Jim_]

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

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

 

[noswad]

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

 

[Noobie]

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