How to make the search box shorter on the right sidebox?

[lina0962]

The search box in my right sidebox is extending out of the frame. How to make it shorter? See best4future.com

[kobra]

Left sidebox looks fine to me

[carlwhat]

i think you are talking about your categories-id pulldown on the right side; although there looks to be some more styling issues as well.

i think it may be in your template file which seems to have some fixed width numbers set up. if you inspect the source, you can see specific widths set of 207px; which is not set for your category selector. i'm guessing this was done in your template files as opposed to it being part of a css file. if you find where:

<select name="categories_id">

is and change it to:

<select name="categories_id" style="width: 207px">

that would solve the problem that i "think" you are talking about.

it also seems that you have a javascript problem as you are getting an error on your console for the following address:

http://193.105.240.163/wp_media/?692w

i would look into that error as well; it looks to be part of one of the *.js files. although i could be wrong.

good luck!

[lina0962]

Left sidebox looks fine to me

What I mean is the the "search" on the right sidebox is sticking out of the frame. The same problem in the roseforlove.com. As you can see, the "Enter search keywords here" box is sticking out of the webpage frame. I am looking for everywhere to find the solutions...... Thanks for help!!

[lina0962]

What I mean is the the "search" on the right sidebox is sticking out of the frame. The same problem in the roseforlove.com. As you can see, the "Enter search keywords here" box is sticking out of the webpage frame. I am looking for everywhere to find the solutions...... Thanks for help!!

I figured it out. But I have another question: I installed "Search in Categories Header" into my store. I found out the same search in categories showed up in the right-hand sidebox with repeated category lists. Can anybody tell me how to make the drop-down list into only one set?

I think I need to edit the code here, but don't know how..............

<?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 4143 2007-11-15 17:40:59Z numinix $
 */
                           
  $categories_array[] = array('id' => '', 'text' =>'All Categories'); 
                                $categories_query = "select c.categories_id, cd.categories_name, c.categories_status from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd  where c.categories_status='1' and parent_id = '0' and c.categories_id = cd.categories_id and cd.language_id = '" . (int)$_SESSION['languages_id'] . "' order by sort_order, cd.categories_name"; 
                                $categories = $db->Execute($categories_query); 
                                while (!$categories->EOF) {
                                    $categories_array[] = array('id' => $categories->fields['categories_id'], 'text' =>$categories->fields['categories_name']); $categories->MoveNext();
                                  }
                                   
  $content = '<div class="searchHeader back">' . BOX_HEADING_SEARCH . ': </div><div class="back">';
  $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('inc_subcat', '1', 'style="display: none"'); 
  $content .= zen_draw_hidden_field('search_in_description', '1') . zen_hide_session_id();
  $content .= zen_draw_pull_down_menu('categories_id', $categories_array);
    $content .= zen_draw_input_field('keyword', '', 'size="6" maxlength="30" style="width: 160px" 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;</div><div class="back"><input type="image" src="'. DIR_WS_TEMPLATES . $template_dir . '/buttons/' . $_SESSION['language'] . '/' . BUTTON_IMAGE_SEARCH . '" alt="' . HEADER_SEARCH_BUTTON . '" title="' . HEADER_SEARCH_BUTTON . '" />'; 
  $content .= '</form></div><br class="clearBoth" />';
?>

[carlwhat]

i would try changing this line from:

  $categories_array[] = array('id' => '', 'text' =>'All Categories');

to:

  $categories_array = array('id' => '', 'text' =>'All Categories');