Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

search box


Recommended Posts

I think this is something simple, but I can't seem to figure it out.


I replaced the small magnifying glass image with a box that says "GO", but it is about 5px higher than the input box.


I want to line up the bottom of the image with the bottom of the text box and place them at the very top of the box (no padding). I can move the entire input box/submit image using CSS, but I am having a hard time separating the elements to position them individually. (see http://www.modmedic.com/catalog)


Any suggestions will be greatly appreciated.

Newmind Group

Link to comment
Share on other sites

here is my current search box code if it helps:


 $Id: search.php,v 1.22 2003/02/10 22:31:05 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
<!-- search //-->
 $info_box_contents = array();
 $info_box_contents[] = array('text' => BOX_HEADING_SEARCH);

 new infoBoxHeading($info_box_contents, false, false);

?></td></tr><tr><td class="searchbox">

 $info_box_contents = array();
 $info_box_contents[] = array('form' => tep_draw_form('quick_find', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get'),
                              'align' => 'center',
                              'text' => tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH-30) . 'px"') . ' ' . tep_hide_session_id() . tep_image_submit('button_quick_find.gif') . '<br>' . BOX_SEARCH_TEXT . '<br><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '"><b>' . BOX_SEARCH_ADVANCED_SEARCH . '</b></a>');?>
</td></tr><tr><td class="advsearch"><?php 
 new infoBox($info_box_contents);
<!-- search_eof //-->



Newmind Group

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...