2 Header Roadblocks

[Lawbird123]

Hey All,

I've run into two roadblocks in my header. The first is the Search box. Im trying to customize it and I know that I have to modify tpl_search_header.php to add images. My problem, and this is probably quite simple, is putting my search field to the left of the search textbox. Here is my code for tpl_search_header:

<?php
  $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: 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;<input type="image" src="' . DIR_WS_TEMPLATE_IMAGES . 'search.gif" style="vertical-align:bottom;width:93px;height:26px;" alt="' . HEADER_SEARCH_BUTTON . '">';
  }

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

My second roadblock is my vertical header navigation. If you go to the site im working on at: http://www.celticherbs.com/zen

you'll see that my green header nav bar is acting whacky. Im trying to make it so that when the user hovers over a link, the background to that "linkbox" turns yellow with black text. Ive added padding so that the box (on hover) covers that portion of the nav bar. Am I doing this wrong? Ive seen many nav bars like this but im not sure what needs to be written in the css to create it.

[jnfr]

Did you resolve the hover issue? Your links look excellent to me. Very nice site, nice design.

[Lawbird123]

Thanks, but I still haven't resolved either issue. There is a drop shadow under the hover menu that can't be seen at the moment bc im still trying to put the Search image on the left side of it's text box in the header.

[Lawbird123]

Still wondering if anyone knows how to fix this...

[gjh42]

Since the form content appears to come almost entirely from the zen_draw_input_field function, you probably need to look there to alter the layout. It certainly is used elsewhere too, so you would need to create a special version of it for this purpose.
Another possibility is that if the function allows parameters to be added to the argument, you may be able to give a class to part of this so CSS can manipulate either the text/image or the input box. I don't see any good handles at present in view source.

For your menu, is the problem you refer to the jumpiness? That is from different horizontal padding in hover mode. Try reducing that a hair and see what difference it makes.