Linking search function to custom CSS search box

[seeinteriors]

We have a custom search box that we wish to implement in our header right in the middle next to our logo.

The search box can be seen at www.seeinteriors.co.uk/related_sites.html

How can we link the search function to this search box or alternatively how can we move the standard zen cart search box to the header so we can apply similar styling once it has been moved?

[schoolboy]

We have a custom search box that we wish to implement in our header right in the middle next to our logo.

The search box can be seen at www.seeinteriors.co.uk/related_sites.html

How can we link the search function to this search box or alternatively how can we move the standard zen cart search box to the header so we can apply similar styling once it has been moved?

Try this ins your "related_sites.html" page...

<form id="searchbox" action="http://seeinteriors.co.uk/index.php?main_page=advanced_search_result" method="get">
<input type="hidden" name="main_page" value="advanced_search_result" />
<input type="hidden" name="search_in_description" value="1" />
<input id="search" type="text" name="keyword" size="6" maxlength="30" style="width: 138px" value="Search for..." onfocus="if (this.value == 'Search for...') this.value = '';" onblur="if (this.value == '') this.value = 'Search for...';" />    
<input id="submit" type="submit" value="Search"></form>

It should style accordingly as well as the ID's are still there. Thoudh you might want to remove: size="6" maxlength="30" style="width: 138px"

[seeinteriors]

Try this ins your "related_sites.html" page...

<form id="searchbox" action="http://seeinteriors.co.uk/index.php?main_page=advanced_search_result" method="get">
<input type="hidden" name="main_page" value="advanced_search_result" />
<input type="hidden" name="search_in_description" value="1" />
<input id="search" type="text" name="keyword" size="6" maxlength="30" style="width: 138px" value="Search for..." onfocus="if (this.value == 'Search for...') this.value = '';" onblur="if (this.value == '') this.value = 'Search for...';" />    
<input id="submit" type="submit" value="Search"></form>

It should style accordingly as well as the ID's are still there. Thoudh you might want to remove: size="6" maxlength="30" style="width: 138px"

Thankyou! that works perfectly.

One final question, any idea how to remove the yellow outline that appears when you click to type? Does not appear in IE but does in Google Chrome.