Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to Center a Button Vertically


zalik22

Recommended Posts

Posted

This is from my header.php file.

 

<?php
/*
 $Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

// check if the 'install' directory exists, and warn of its existence
 if (WARN_INSTALL_EXISTENCE == 'true') {
if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
  $messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
}
 }

// check if the configure.php file is writeable
 if (WARN_CONFIG_WRITEABLE == 'true') {
if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
  $messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
}
 }

// check if the session folder is writeable
 if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
if (STORE_SESSIONS == '') {
  if (!is_dir(tep_session_save_path())) {
	$messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
  } elseif (!is_writeable(tep_session_save_path())) {
	$messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
  }
}
 }

// check session.auto_start is disabled
 if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
if (ini_get('session.auto_start') == '1') {
  $messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
}
 }

 if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
if (!is_dir(DIR_FS_DOWNLOAD)) {
  $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
}
 }

 if ($messageStack->size('header') > 0) {
echo $messageStack->output('header');
 }
?>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
 <tr class="header">
<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'discount.jpg', 'BigTimePurchase') . '</a>'; ?></td>
<td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a>??<a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a>??<a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?>??</td>
 </tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1">
 <tr class="headerNavigation">
<td class="headerNavigation">??<?php echo $breadcrumb->trail(' ? '); ?></td>
<td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> ?|? <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> ?|? <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> ?|? <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> ??</td>
 </tr>
</table>
<?php
 if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerError">
<td class="headerError"><?php echo htmlspecialchars(urldecode($HTTP_GET_VARS['error_message'])); ?></td>
 </tr>
</table>
<?php
 }

 if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
 <tr class="headerInfo">
<td class="headerInfo"><?php echo htmlspecialchars($HTTP_GET_VARS['info_message']); ?></td>
 </tr>
</table>
<?php
 }
?>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="headerNavigation" valign="middle" align="left" width="90%">

<?php
$info_box_contents = array();
$info_box_contents[] = array('form' => tep_draw_form('advanced_search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'SSL', false), 'get'),
'align' => 'center',
'text' => BOX_SEARCH_TEXT . tep_draw_hidden_field('search_in_description','1') . tep_draw_hidden_field('inc_subcat', '1', true) . tep_draw_input_field('keywords','','size="10" maxlength="30" class="searchForm" style="width: ' . (BOX_WIDTH-5) . 'px"') .' '. tep_draw_pull_down_menu('categories_id', tep_get_categories(array(array('id' => '', 'text' =>"ALL CATEGORIES")))) . tep_hide_session_id() .' '. tep_image_submit('button_search.gif', IMAGE_BUTTON_SEARCH));

new infoBox($info_box_contents);
?>
</td>
</tr>
</table>

 

The "button_search.gif" image (towards the end of the file) is not centered vertically within the header. I want to center it vertically. Anybody know how to do this?

 

Please help! Thanks!

Posted

you have to create a table and assign the various form elements to a separate table cells. Then you will have control over it.

Posted
you have to create a table and assign the various form elements to a separate table cells. Then you will have control over it.

 

Could you provide me with the code or is this too much work?

 

Thanks!

Posted

you will have to make a table around the list and maybe the entire 'text' argument. But this is how it should look like for the list and button

 

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>pulldown list</td><td>button</td>
</tr>
</table>

 

then it will be aligned properly.

Posted
you will have to make a table around the list and maybe the entire 'text' argument. But this is how it should look like for the list and button

 

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>pulldown list</td><td>button</td>
</tr>
</table>

 

then it will be aligned properly.

 

This is what I have and it's giving me an error:

 

<?php
$info_box_contents = array();
$info_box_contents[] = array('form' => tep_draw_form('advanced_search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'SSL', false), 'get'),
'align' => 'center',
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>
'text' => BOX_SEARCH_TEXT . tep_draw_hidden_field('search_in_description','1') . tep_draw_hidden_field('inc_subcat', '1', true) . tep_draw_input_field('keywords','','size="10" maxlength="30" class="searchForm" style="width: ' . (BOX_WIDTH-5) . 'px"') .' '. tep_draw_pull_down_menu('categories_id', tep_get_categories(array(array('id' => '', 'text' =>"ALL CATEGORIES")))) . tep_hide_session_id() .' '. </td><td>tep_image_submit('button_search.gif', IMAGE_BUTTON_SEARCH));</td>
</tr>
</table>

new infoBox($info_box_contents);
?>

 

Thanks for looking.

Posted

no you want the table to be within the 'text' parameter.

 

like

'text' => '<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td>' . BOX_SEARCH_TEXT . tep_draw_hidden_field......................etc

and create the various table cells.

Posted

I am closer, still getting an error.

 

<?php
$info_box_contents = array();
$info_box_contents[] = array('form' => tep_draw_form('advanced_search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'SSL', false), 'get'),
'align' => 'center',
'text' => '<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td>' . BOX_SEARCH_TEXT . tep_draw_hidden_field('search_in_description','1') . tep_draw_hidden_field('inc_subcat', '1', true) . tep_draw_input_field('keywords','','size="10" maxlength="30" class="searchForm" style="width: ' . (BOX_WIDTH-5) . 'px"') .' '. tep_draw_pull_down_menu('categories_id', tep_get_categories(array(array('id' => '', 'text' =>"ALL CATEGORIES")))) . tep_hide_session_id() .' '. </td><td>tep_image_submit('button_search.gif', IMAGE_BUTTON_SEARCH));</td>
</tr>
</table>


new infoBox($info_box_contents);
?>

Posted

try this

 

<?php
$info_box_contents = array();
$info_box_contents[] = array('form' => tep_draw_form('advanced_search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'SSL', false), 'get'),
'align' => 'center',
'text' => '<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td>' . BOX_SEARCH_TEXT . tep_draw_hidden_field('search_in_description','1') . tep_draw_hidden_field('inc_subcat', '1', true) . tep_draw_input_field('keywords','','size="10" maxlength="30" class="searchForm" style="width: ' . (BOX_WIDTH-5) . 'px"') .' '. tep_draw_pull_down_menu('categories_id', tep_get_categories(array(array('id' => '', 'text' =>"ALL CATEGORIES")))) . tep_hide_session_id() . '</td><td>' . tep_image_submit('button_search.gif', IMAGE_BUTTON_SEARCH) . '</td></tr></table>');


new infoBox($info_box_contents);
?>

Posted

The button is now centered, but the search and category box is to the left and the search button is all the way to the right. It is however, centered.

Posted

well you have to put some extra cells or rows but you got the idea.

Posted
well you have to put some extra cells or rows but you got the idea.

 

I got it to work. Thanks for your help and patience Enigma.

Archived

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

×
×
  • Create New...