Relocate Search header Button

[hardwiredtemplates]

Hello Fellow Zeners... Can anyone assist me with this. I want to move the Search button in the header So that its' beside the search field rather then below. I been struggling with this and basically I coplied the code from sidebox search and modified it a little. I want to increase the search filed as well and I'v changed every number in the file and it does nothing..

Reason being is Eventually I want to move it down to the bluish/grey area...(I think its the navMainWrapper div)...hard to explain so I've attached images.

Take a look www.fashionfavourites.com

Many thankx...Maybe someday I'll be able to help other stuggling new Zenners.

p.s here is my tpl_search_header.php
=================
$content = "";
$content .= zen_draw_form('quick_find', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get');
$content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
$content .= zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id();

if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
$content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px"') . '<br />' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
} else {
$content .= zen_draw_input_field('keyword', '', 'size="18" maxlength="100" style="width: ' . ($column_width-30) . 'px" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '<br /><input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 50px" />';
}

$content .= "</form>";
?>
==========================

[Ajeh]

View source shows:

`<div id="navMainSearch"> <form name="quick_find" action="http://fashionfavourites.com/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 type="text" name="keyword" size="30" maxlength="100" style="width: -30px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" /><br /><input type="submit" value="Search" style="width: 50px" /></form></div>

That <br /> that is in the View Source is in your code ... so you are knocking it down to the next line ...

[hardwiredtemplates]

View source shows:


That <br /> that is in the View Source is in your code ... so you are knocking it down to the next line ...

Thank you so much, you must have thought that is so abvious, but for a new zenner it's a mind bugger when you cant get it to work. Now I know no what this does <br/> .

Love the zen forum...Ajeh do you think copying this code from sidebox and taking out the part responsible for the box itself was the right way to do this?

[hardwiredtemplates]

By the way I managed to move search where I wanted it, Just wondering why IE ver.7 looks different the FF?

Any hints.

[Ajeh]

I do not know enough about the <div> thing but from what I can see you are in the wrong set of <div> and are above the set used for the line you really want the search on ...

Perhaps a designer type will happen along who can help you sort this out ...

[hardwiredtemplates]

I've tried moving it to the navMainWrapper div...but makes the site break. I Put in div logoWrapper and used the styleshee to bring it down to where it is which is inside the navMainWrapper div.

It would have been much nicer if I can put it in the navMainWrapper div but that makes site fall apart..