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

[dbltoe]

unhappyDave,
You need to google table to div as tables are no longer to be used as you have done.
Good time to get used to the new method since the change will be fairly simple.