Aligning Search box & button

[ktlr85]

Hi everyone,

Im having some trouble aligning my header search box with the css search button.

I think the problem Im having is that because my PHP skills are weak, I don't know where or how to insert an ID for the search button to allow me to add my CSS.

Below is the php code.

...
if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
    $content .= zen_draw_input_field('keyword', '', 'id="searchbar" size="6" maxlength="30" 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 . '\';"') . ' ' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
  } else {
    $content .= zen_draw_input_field('keyword', '', 'size="6" class="search-header-box" maxlength="30" 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 . '\';"') . ' ' . zen_image_submit (BUTTON_IMAGE_SEARCH_HEADER,HEADER_SEARCH_BUTTON);
  }

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

Here is the link to my site. http://www.digitalinx.co.uk/online/

help appreciated - Thanks!

[stevesh]

You could add something like this to the stylesheet:

.button_search {margin: -.5em 0 0 0;}

[ktlr85]

thanks mate, yeah that has straightened it up.

and using a little \9 hack it also looks straight in IE now too, as it was all over the place!