WebDev22 Posted June 10, 2011 Share Posted June 10, 2011 How can I do the following to the search box on the upper left hand side on this site: http://www.wolfftanning.com/? 1. Reduce amount of space above the search text box 2. Vertically center the text box with the search button 3. Set it up so that the word 'Search' disappears when clicking into the Search box. I'm also considering removing this: Use keywords to search catalog. This all started when I started to move the search box above the fold (above Categories). Thanks for any help. Link to comment Share on other sites More sharing options...
papioane Posted June 10, 2011 Share Posted June 10, 2011 How can I do the following to the search box on the upper left hand side on this site: http://www.wolfftanning.com/? 1. Reduce amount of space above the search text box 2. Vertically center the text box with the search button 3. Set it up so that the word 'Search' disappears when clicking into the Search box. I'm also considering removing this: Use keywords to search catalog. This all started when I started to move the search box above the fold (above Categories). Thanks for any help. Hi brett. Please tell me what slide show did u used for front page. It looks very nice. Thank you for u'r answer Link to comment Share on other sites More sharing options...
Guest Posted June 10, 2011 Share Posted June 10, 2011 Q1 Remove <img height="1" border="0" width="100%" alt="" src="images/pixel_trans.gif"> Then the seaech box will move up. Link to comment Share on other sites More sharing options...
WebDev22 Posted June 10, 2011 Author Share Posted June 10, 2011 Hi brett. Please tell me what slide show did u used for front page. It looks very nice. Thank you for u'r answer I can't remember where I found the code, but remember it was something I had originally used for one of my Yahoo Stores: http://www.awaresports.com/. Link to comment Share on other sites More sharing options...
WebDev22 Posted June 10, 2011 Author Share Posted June 10, 2011 Q1 Remove <img height="1" border="0" width="100%" alt="" src="images/pixel_trans.gif"> Then the seaech box will move up. Do you know where I'd find this code? It's not in the search.php file. Link to comment Share on other sites More sharing options...
Guest Posted June 10, 2011 Share Posted June 10, 2011 Hi brett. Please tell me what slide show did u used for front page. It looks very nice. Thank you for u'r answer You can use any slide show just google 'js slide show' but it's the art work that makes them look good not the code. brettg22 Q1 Don't no where the code is in your php files but if you remove it the search box will move up Q2 That is in your search.php what version of osc are you using? Link to comment Share on other sites More sharing options...
WebDev22 Posted June 10, 2011 Author Share Posted June 10, 2011 You can use any slide show just google 'js slide show' but it's the art work that makes them look good not the code. brettg22 Q1 Don't no where the code is in your php files but if you remove it the search box will move up Q2 That is in your search.php what version of osc are you using? We're on osCommerce Online Merchant v2.2 RC2a. PHP Version 5.2.17 Link to comment Share on other sites More sharing options...
WebDev22 Posted June 10, 2011 Author Share Posted June 10, 2011 I've tried several more things, but still can't get the search box vertically aligned across the middle with the search button. I'm not obsessive compulsive but this is driving me batty. Link to comment Share on other sites More sharing options...
Guest Posted June 10, 2011 Share Posted June 10, 2011 I've tried several more things, but still can't get the search box vertically aligned across the middle with the search button. I'm not obsessive compulsive but this is driving me batty. You could put the input box and button image in a table and style with css, use to move button away from input box. Q3 Use onfocus="this.value=''" so when you click the cursor on the input box the word 'Search' disappears. Link to comment Share on other sites More sharing options...
WebDev22 Posted June 10, 2011 Author Share Posted June 10, 2011 Thanks for the suggestions. It seems that table building is accomplished in some way over and beyond what I understand. Here's the current code I have for search.php: <?php /* $Id: search.php 1739 2007-12-20 00:52:16Z hpdl $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ ?> <!-- search //--> <tr> <td> <?php $info_box_contents = array(); $info_box_contents[] = array('text' => BOX_HEADING_SEARCH); // new infoBoxHeading($info_box_contents, false, false); $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('Search', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH-30) . 'px"') . ' ' . tep_hide_session_id() . tep_image_submit('button_quick_find.gif', BOX_HEADING_SEARCH) . '<br><a href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '"><b>' . BOX_SEARCH_ADVANCED_SEARCH . '</b></a>'); new infoBox($info_box_contents); ?> </td> </tr> <!-- search_eof //--> Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.