Does anyone know how to resize the Google Custom Search Engine so that the box is not as tall? I can make it narrower by adjusting the size attribute but I cannot change the height.

Here is the code:

<!-- Google CSE Search Box Begins -->

<form id="searchbox_007575832373077598145:cn7z4nye9ta" action="http://www.google.com/search">
input type="hidden" name="cx" value="003885832373077598145:cn7z4nye9ta" />
<input type="hidden" name="cof" value="FORID:0" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Search" />
<img src="http://www.google.com/coop/images/google_custom_search_smnar.gif" alt="Google Custom Search" />
</form>

<!-- Google CSE Search Box Ends -->

just put the form in a container of whatever size you want


or am I missing something?

Yea I'm missing something here too. There really isn't anything to do with height here? Unless there isn't enough room in the container where you are putting this search form. In which case the form field and the button are forced to take up two lines. If that is the case either make the box bigger like chris said or shorten the form field a little and change the text on the search button to "Go".

Thanks for the reply.

I did solve the height issue by creating a new class for the form. That now works perfectly.

What I can't figure out is why the presence of the form creates space between the row that it's in and the table below. It's as if there is another row being created. Removing the Google form (and leaving the row and cells intact) renders the page as normal.

Whether I view it in standard, expanded or layout view (in Dreamweaver) I cannot see the presence of any cell or table.

A form is a block element, and as such has an implied line break above and below it.

To remove the effects use

 
form {
   margin:0;
}

Works great. Thanks for your help.