Results 1 to 6 of 6
  1. #1
    Join Date
    Mar 2010
    Posts
    30
    Plugin Contributions
    0

    Default I need help fixing alignment problem with my search box

    I have a small coding issue with my search box, which you can see on the header of my site here: www.snugbabyshop.co.uk. The word 'search' is misaligned with the actual box. Can someone code-savy advise please which file I need to amend and how to amend it please? It would be greatly appreciated.

  2. #2
    Join Date
    Sep 2008
    Location
    DownUnder, overlooking South Pole.
    Posts
    984
    Plugin Contributions
    6

    Default Re: I need help fixing alignment problem with my search box

    In the green box top right, it looks perfectly middle aligned to me.

  3. #3
    Join Date
    Mar 2010
    Posts
    30
    Plugin Contributions
    0

    Default Re: I need help fixing alignment problem with my search box

    Thanks dw. Are you viewing with Firefox? It shows ok with FF but is mis-aligned with Safari and Chrome. Please see the attachment. Click image for larger version. 

Name:	Screen shot 2013-01-14 at 22.33.37.png 
Views:	55 
Size:	8.1 KB 
ID:	11756

  4. #4
    Join Date
    Sep 2008
    Location
    DownUnder, overlooking South Pole.
    Posts
    984
    Plugin Contributions
    6

    Default Re: I need help fixing alignment problem with my search box

    Yes FF17. Did not check the others.

    FWIW I have this in my includes\templates\MyTemplate\sideboxes\tpl_search_header.php

    Code:
      if (strtolower(IMAGE_USE_CSS_BUTTONS) == 'yes') {
        $content .= zen_draw_input_field('keyword', '', 'size="28" maxlength="28" 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 . '\';"') . ' ' . zen_image_submit (BUTTON_IMAGE_SEARCH,HEADER_SEARCH_BUTTON);
      } else {
        $content .= zen_draw_input_field('keyword', '', 'size="28" maxlength="28" style="width:14.5em; margin-top:0.25em; padding:0.15em 0em;" 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_SEARCH2, HEADER_SEARCH_BUTTON,'style="float:right; margin-top:0.3em; padding:0em 0.25em; border:0;"');
    Hope this helps.

  5. #5
    Join Date
    Mar 2010
    Posts
    30
    Plugin Contributions
    0

    Default Re: I need help fixing alignment problem with my search box

    Thanks DW. I don't have that filename, just tpl_search.php and the coding looks a lot different (see below). I'm no coding expert so it means very little to me. Thanks anyway for trying :) Click image for larger version. 

Name:	Screen shot 2013-01-16 at 10.35.16.jpg 
Views:	49 
Size:	12.9 KB 
ID:	11773

  6. #6
    Join Date
    Sep 2008
    Location
    DownUnder, overlooking South Pole.
    Posts
    984
    Plugin Contributions
    6

    Default Re: I need help fixing alignment problem with my search box

    The original tpl_search_header.php should be in includes\templates\template_default\sideboxes\.

    Copy it to includes\templates\YourTemplate\sideboxes\ to edit.

 

 

Similar Threads

  1. v151 Need help fixing this sidebox search code from 'double submitting' the search.
    By jeffmic in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 28 Jul 2013, 01:54 AM
  2. Alignment problem with search bar in Firefox
    By brandoman in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 11 Aug 2009, 11:34 PM
  3. Need Help With Search Box In Header
    By kraiton in forum General Questions
    Replies: 2
    Last Post: 24 Jan 2009, 02: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