Search in header - Positioning problem

[SirBuck]

Little by little things are coming together. My issue right now is with my custom search field..

I have a custom button, background for the text field etc..

Problem..
I can't seem to get the input field to position correctly over the background. You can see it here.
http://www.activatemediainc.com/demo_store

The search is in the lower right corner of the header. I was able to correct a couple other problems I was having but am stuck on this one.

Any suggestions?

thanks,

[unhappyDAVE]

I am having the same problem- any leads?

[dbltoe]

Sir Buck,
You will need to create some id in the form and the form input in order to move the form AND the search_button.jpg.

unhappyDAVE,
Unless you are using the same template and buttons, your problem is probably not the same. You need to post a URL so that we can see what's happening.

[SirBuck]

That sounds like what I need to do. I'm not exactly sure how to go about it though..

below is my tpl_search_header.php

<?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_search_header.php 4142 2006-08-15 04:32:54Z drbyte $
 */
  $content = "";
  $content .= zen_draw_form('quick_find_header', 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="6" maxlength="30" style="width: 100px" 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 . '\';"') . '&nbsp;' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
  } else {
    $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 150px" 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 . '\';"') . '&nbsp;<input type="image" src="http://www.mysite.com/store/images/new_template_images/search_button.png" value="" />';
  }

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

I'm not sure exactly where I will be able to apply the id to the input field.

Your help is appreciated.

thanks,

[unhappyDAVE]

I fixed my problem by putting table information in tpl_search_header.

<?php
/**
 * Side Box Template
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: tpl_search_header.php 4142 2006-08-15 04:32:54Z drbyte $
 */
  $content = "";
  $content .= zen_draw_form('quick_find_header', 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="6" maxlength="30" style="width: 100px" 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 . '\';"') . '&nbsp;' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
  } else {
  
 	
 
    $content .= 
	'<table border="0" cellpadding="0" cellspacing="0">
     <tr>
      '.'<td valign="middle">'.zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" 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 . '\';"') . '</td>'.'<td>'. '&nbsp;<input type="image" src="http://www.togethersite.com/catalog/search_button_BAMsearch.jpg" value="" />' .'</td>'.'</tr></table>';
  }

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

[SirBuck]

I think I saw that posted somewhere but I didn't use it. It fixed my problem! Thanks to both of you. I did however have to make a couple minor adjustments in the css for everything to line up right. Just a note to anyone else working through this.
Changes had to be made in #navMainSearch

thanks again