Results 1 to 2 of 2
  1. #1
    Join Date
    Jun 2014
    Location
    United States
    Posts
    59
    Plugin Contributions
    0

    Default need help lining button with input field please

    http://i.imgur.com/2bnpLN6.jpg

    #categorySearch {
    text-align: center;
    }

    it's centered right but vertically its not right


    and php code..


    Code:
      $content = "";
      $content .= zen_draw_form('quick_find_header', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', $request_type, false), 'get');
      $content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
    // BOF search in current category only
      $content .= zen_draw_hidden_field('search_in_description', '1');
      if($current_category_id) {
    	  $content .= zen_draw_hidden_field('categories_id', $current_category_id);
    	  $content .= zen_draw_hidden_field('inc_subcat', '1');
      }
      $content .=  zen_hide_session_id();
      // EOF search in current category only
    
      if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'no') {
        $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" value="' . HEADER_BOX_SEARCH . '" onfocus="if (this.value == \'' . HEADER_BOX_SEARCH . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_BOX_SEARCH . '\';"') . ' ' . 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_BOX_SEARCH . '" onfocus="if (this.value == \'' . HEADER_BOX_SEARCH . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_BOX_SEARCH . '\';"') . '&nbsp;<input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';
      }
    
      $content .= "</form>";
    ?>
    Attached Images Attached Images  

  2. #2
    Join Date
    Apr 2014
    Posts
    154
    Plugin Contributions
    0

    Default Re: need help lining button with input field please

    Quote Originally Posted by StoreOwner View Post
    http://i.imgur.com/2bnpLN6.jpg

    #categorySearch {
    text-align: center;
    }

    it's centered right but vertically its not right


    and php code..


    Code:
      $content = "";
      $content .= zen_draw_form('quick_find_header', zen_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', $request_type, false), 'get');
      $content .= zen_draw_hidden_field('main_page',FILENAME_ADVANCED_SEARCH_RESULT);
    // BOF search in current category only
      $content .= zen_draw_hidden_field('search_in_description', '1');
      if($current_category_id) {
    	  $content .= zen_draw_hidden_field('categories_id', $current_category_id);
    	  $content .= zen_draw_hidden_field('inc_subcat', '1');
      }
      $content .=  zen_hide_session_id();
      // EOF search in current category only
    
      if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'no') {
        $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 100px" value="' . HEADER_BOX_SEARCH . '" onfocus="if (this.value == \'' . HEADER_BOX_SEARCH . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_BOX_SEARCH . '\';"') . '##' . 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_BOX_SEARCH . '" onfocus="if (this.value == \'' . HEADER_BOX_SEARCH . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_BOX_SEARCH . '\';"') . '##<input type="submit" value="' . HEADER_SEARCH_BUTTON . '" style="width: 45px" />';
      }
    
      $content .= "</form>";
    ?>
    Either move the search box up or move the search button down. The text-align: center does not do anything to vertical alignment. Sorry for such a simple answer but nothing can be done without a reference to a site to look at.

 

 

Similar Threads

  1. Remove Search Button and add text to input field
    By sjk1000 in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 10 Oct 2008, 12:19 AM
  2. I need a 'oversized' button - PLEASE HELP!
    By patstuckemeyer in forum Built-in Shipping and Payment Modules
    Replies: 0
    Last Post: 8 Jan 2008, 04:13 AM
  3. I need help with adding a button please help me
    By goheadtry in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Jun 2007, 05:23 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg