Forums / Templates, Stylesheets, Page Layout / vertical-align:middle; text on checkout page by radio buttons

vertical-align:middle; text on checkout page by radio buttons

Locked

Views: 11,720

Results 1 to 20 of 24
This thread is locked. New replies are disabled.
22 Apr 2009, 6:13 PM
#1
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

vertical-align:middle; text on checkout page by radio buttons

Does anyone know how I could valign="middle" the text next to the images of Paypal, google and Credit Cards on my Checkout Page?

https://www.limelites.co.uk

I tried this in googlecheckout.php for example:

  define('MODULE_PAYMENT_GOOGLECHECKOUT_TEXT_TITLE', '<span class="checkoutLines"><img src="https://www.limelites.co.uk/includes/templates/freetemplate2/images/google.png"> GoogleCheckout. The fastest payment system in the world.');

Then, adding this to my stylesheet:

.checkoutLines {
vertical-align:middle;
}

It seems to work, but only for the radio button. What would I need to do to valign the text?

22 Apr 2009, 11:23 PM
#2
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Will this work;

.checkoutLines img {
vertical-align:middle;
}

or apply the class to the image rather than have a span...

Steve

23 Apr 2009, 6:12 AM
#3
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Hi Steve,

I'll give that a try in a while. Just noticed in IE7 that I have more severe issues with this page:

https://www.limelites.co.uk/index.php?main_page=login

I thought I'd sorted it as it looked great in FF. What's wrong with my CSS for the two tables at the bottom of the right column at all?

23 Apr 2009, 6:33 AM
#4
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

oh, you'd need to add something to cart, then click on the sign up / sign in link to see what I'm talking about by the two boxes on the login page... only in IE that it's noticeable but if you looked at the code in FF then maybe you could see the problem?

23 Apr 2009, 6:53 AM
#5
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Steve, it's just dawned on me that the CSS may well be ok, much, much more likely something that I've messed up when I inserted these payment options into the boxes in my tpl_login_default.php lines 96-130...

<?php
/**
 * Page Template
 *
 * @package templateSystem Easy Sign-Up and Login
 * @copyright Copyright 2007-2008 Numinix Technology http://www.numinix.com
 * @copyright Copyright 2003-2007 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_login_default.php 14 2009-04-14 02:43:33Z numinix $
 */
?>
<div id="centerColumn">
<?php if ($messageStack->size('login') > 0) echo $messageStack->output('login'); ?>
<!-- BOF SHOPPING CART -->
<?php
  if ($fec_order_total_enabled) {
    include(DIR_WS_TEMPLATE . 'templates/tpl_modules_esl_ordertotal.php');
  } 
?>
<!-- EOF SHOPPING CART -->
<div id="loginColumnLeft">
<?php if ( USE_SPLIT_LOGIN_MODE == 'True' || $ec_button_enabled) { ?>
<!-- BEGIN CHECKOUT WITHOUT ACCOUNT -->
<?php
  if (FEC_NOACCOUNT_SWITCH == 'true' && FEC_NOACCOUNT_POSITION == 'top') {
    if ($_SESSION['cart']->count_contents() > 0) { ?>
      <fieldset class="loginFieldsetLeft">
      <legend><?php echo COWOA_HEADING; ?></legend>
      <div class="clearBoth"></div>
      <div class="information"><?php echo TEXT_RATHER_COWOA; ?></div>
      <div class="buttonRow forward">
      <?php echo "<a href=\"" . zen_href_link(FILENAME_NO_ACCOUNT, '', 'SSL') . "\">"; ?>
      <?php echo zen_image_button(BUTTON_IMAGE_CONTINUE, BUTTON_CONTINUE_ALT); ?></a></div>
      </fieldset>
<?php }} ?>
<!-- END CHECKOUT WITHOUT ACCOUNT -->
<!--BOF PPEC split login- DO NOT REMOVE-->
<fieldset class="loginFieldsetLeft">
<legend><?php echo HEADING_NEW_CUSTOMER_SPLIT; ?></legend>
<div class="clearBoth"></div>
<?php if ($_SESSION['cart']->count_contents() > 0) { ?>
<div class="information"><?php echo TEXT_NEW_CUSTOMER_INTRODUCTION_SPLIT_NO_CART; ?></div>
<?php } else { ?>
<div class="information"><?php echo TEXT_NEW_CUSTOMER_INTRODUCTION_SPLIT; ?></div>
<?php } ?>
<hr />
<?php echo zen_draw_form('create_account', zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'), 'post', 'onsubmit="return check_form(create_account);"') . '<div>' . zen_draw_hidden_field('action', 'process') . zen_draw_hidden_field('email_pref_html', 'email_format'); ?>
<?php require($template->get_template_dir('tpl_modules_create_account.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_create_account.php'); ?>
<div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SUBMIT, BUTTON_SUBMIT_ALT); ?></div>
</div>
</form>
</fieldset>
</div> 
<!-- end columnLeft -->
<div id="loginColumnRight">
<fieldset class="loginFieldsetRight">  
  <legend><?php echo HEADING_RETURNING_CUSTOMER_SPLIT; ?></legend>
  <div class="clearBoth"></div>
  <div class="information"><?php echo TEXT_RETURNING_CUSTOMER_SPLIT; ?></div>
  <div class="clearBoth"></div>
  <?php echo zen_draw_form('login', zen_href_link(FILENAME_LOGIN, 'action=process', 'SSL')); ?>
    <div>
      <label class="inputLabel" for="login-email-address"><?php echo ENTRY_EMAIL_ADDRESS; ?></label>
      <?php echo zen_draw_input_field('email_address', '', 'size="25" id="login-email-address"'); ?>
      <div class="clearBoth"></div>
      <label class="inputLabel" for="login-password"><?php echo ENTRY_PASSWORD; ?></label>
      <?php echo zen_draw_password_field('password', '', 'size="25" id="login-password"'); ?>
      <?php 
        if (PROJECT_VERSION_MAJOR == '1' && substr(PROJECT_VERSION_MINOR, 0, 3) == '3.8') { 
          echo zen_draw_hidden_field('securityToken', $_SESSION['securityToken']); 
        }
      ?>  
      <div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_LOGIN, BUTTON_LOGIN_ALT); ?></div><br /><br />
      <label class="inputLabel"><?php echo '<a href="' . zen_href_link(FILENAME_PASSWORD_FORGOTTEN, '', 'SSL') . '">' . TEXT_PASSWORD_FORGOTTEN . '</a>'; ?></div>
<br class="clearBoth" />

<!-- BEGIN CHECKOUT WITHOUT ACCOUNT -->
<?php
  if (FEC_NOACCOUNT_SWITCH == 'true' && FEC_NOACCOUNT_POSITION == 'side') {
    if ($_SESSION['cart']->count_contents() > 0) { ?>
      <fieldset class="loginFieldsetRight">
      <legend><?php echo COWOA_HEADING; ?></legend>
      <div class="clearBoth"></div>
      <div class="information"><?php echo TEXT_RATHER_COWOA; ?></div>
      <div class="buttonRow forward">
      <?php echo "<a href=\"" . zen_href_link(FILENAME_NO_ACCOUNT, '', 'SSL') . "\">"; ?>
      <?php echo zen_image_button(BUTTON_IMAGE_CONTINUE, BUTTON_CONTINUE_ALT); ?></a></div>
      </fieldset>
      <br class="clearBoth" /> 
<?php }} ?>
<!-- END CHECKOUT WITHOUT ACCOUNT -->



</form>
</fieldset>
<!-- BOF PAYPAL -->
<?php // ** BEGIN PAYPAL EXPRESS CHECKOUT ** 
?>
<?php if ($ec_button_enabled) { ?>
<fieldset class="loginFieldsetRight">
<legend><?php echo HEADING_PAYPAL; ?></legend>
<div class="clearBoth"></div>
<div class="information"><?php echo TEXT_PAYPAL_INTRODUCTION_SPLIT; ?></div>
<div class="clearBoth"></div>
<div class="center"><span class="PPbutton"><?php require(DIR_FS_CATALOG . DIR_WS_MODULES . 'payment/paypal/tpl_ec_button.php'); ?></div>
</fieldset>
<div class="clearBoth"></div>
<?php } ?>
<?php // ** END PAYPAL EXPRESS CHECKOUT ** 
?>
<!-- EOF PAYPAL -->
<!-- BOF GOOGLE CHECKOUT -->
<?php  // ** GOOGLE CHECKOUT **
?>
<?php if ($ec_button_enabled) { ?>
 <fieldset class="loginFieldsetRight" />
<legend><?php echo HEADING_GOOGLE_CHECKOUT; ?></legend>
<div class="clearBoth"></div>
<div class="information"><?php echo TEXT_GOOGLE_CHECKOUT_INTRODUCTION_SPLIT; ?></div>
<div class="clearBoth"></div>
<div class="center"><?php require(DIR_WS_MODULES . 'show_google_components.php');  ?></div>
</fieldset>
<div class="clearBoth"></div>
<?php } ?>
<?php   // ** END GOOGLE CHECKOUT **
 ?>
 <?php echo zen_draw_form('create_account', zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'), 'post', 'onsubmit="return check_form(create_account);"') . zen_draw_hidden_field('action', 'process') . zen_draw_hidden_field('email_pref_html', 'email_format'); ?>
<!-- EOF GOOGLE CHECKOUT -->

<?php if (FEC_CONFIDENCE == 'true') { ?> 
  <fieldset class="loginFieldsetRight">
    <legend><?php echo HEADING_CONFIDENCE; ?></legend>
  </fieldset>
<?php } ?>
</div> <!-- end columnRight -->


<!--EOF PPEC split login- DO NOT REMOVE-->
<?php } else { ?>
<!--BOF normal login-->
<?php
  if ($_SESSION['cart']->count_contents() > 0) {
?>
<div class="advisory"><?php echo TEXT_VISITORS_CART; ?></div>
<?php
  }
?>
<?php echo zen_draw_form('login', zen_href_link(FILENAME_LOGIN, 'action=process', 'SSL')); ?>
<fieldset>
<legend><?php echo HEADING_RETURNING_CUSTOMER; ?></legend>
<label class="inputLabel" for="login-email-address"><?php echo ENTRY_EMAIL_ADDRESS; ?></label>
<?php echo zen_draw_input_field('email_address', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_email_address', '40') . ' id="login-email-address"'); ?>
<div class="clearBoth"></div>
<?php if (FEC_CONFIRM_EMAIL == 'true') { ?>
  <label class="inputLabel" for="login-email-address-confirm"><?php echo ENTRY_EMAIL_ADDRESS_CONFIRM; ?></label>
  <?php echo zen_draw_input_field('email_address_confirm', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_email_address', '40') . ' id="login-email-address-confirm"'); ?>
  <div class="clearBoth"></div>    
<?php } ?>
<label class="inputLabel" for="login-password"><?php echo ENTRY_PASSWORD; ?></label>
<?php echo zen_draw_password_field('password', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_password') . ' id="login-password"'); ?>
<div class="clearBoth"></div>
<?php 
  if (PROJECT_VERSION_MAJOR == '1' && substr(PROJECT_VERSION_MINOR, 0, 3) == '3.8') {
    echo zen_draw_hidden_field('securityToken', $_SESSION['securityToken']);
  }
?>
</fieldset>
<div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_LOGIN, BUTTON_LOGIN_ALT); ?></div>
<div class="buttonRow back important"><?php echo '<a href="' . zen_href_link(FILENAME_PASSWORD_FORGOTTEN, '', 'SSL') . '">' . TEXT_PASSWORD_FORGOTTEN . '</a>'; ?></div>
</form>
<div class="clearBoth"></div>
<!-- BEGIN CHECKOUT WITHOUT ACCOUNT -->
<?php
  if (FEC_NOACCOUNT_SWITCH == 'true') {
    if ($_SESSION['cart']->count_contents() > 0) { ?>
       <fieldset>
      <legend>Checkout Without Account</legend>
      <?php echo TEXT_RATHER_COWOA; ?>
      <div class="buttonRow forward">
      <?php echo "<a href=\"" . zen_href_link(FILENAME_NO_ACCOUNT, '', 'SSL') . "\">"; ?>
      <?php echo zen_image_button(BUTTON_IMAGE_CONTINUE, BUTTON_CONTINUE_ALT); ?></a></div>
      <div class="clearBoth"></div>
      </fieldset>
<?php }} ?>
<!-- END CHECKOUT WITHOUT ACCOUNT -->
<?php echo zen_draw_form('create_account', zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'), 'post', 'onsubmit="return check_form(create_account);"') . '<div>' . zen_draw_hidden_field('action', 'process') . zen_draw_hidden_field('email_pref_html', 'email_format') . '</div>'; ?>


<fieldset>
<legend><?php echo HEADING_NEW_CUSTOMER; ?></legend>
<div class="information"><?php echo TEXT_NEW_CUSTOMER_INTRODUCTION; ?></div>
<?php require($template->get_template_dir('tpl_modules_create_account.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_create_account.php'); ?>
</fieldset>
<div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SUBMIT, BUTTON_SUBMIT_ALT); ?></div>
</form>
<!--EOF normal login-->
<?php } ?>
</div>
23 Apr 2009, 10:42 AM
#6
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Thats a nasty case of "Divitus"

Just tested the page in html validator and there are too many errors. This will take a bit of time to sort out. (i dont have time now. May be tonight..)

ps. This page looks superb! (in firefox)

Steve

23 Apr 2009, 10:46 AM
#7
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Hi Steve, it looked great to me last night in FF when I was trying to tidy it up, thought I'd done a good job until I seen the 'Divitus' in IE this morning!!

I've had a few attempts at curing it but unfortunately my Div skills are poor at best :-(

I appreciate you helping me, as always your help is invaluable.

23 Apr 2009, 11:23 AM
#8
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

tpl_login_default.php

<?php
/**
 * Page Template
 *
 * @package templateSystem Easy Sign-Up and Login
 * @copyright Copyright 2007-2008 Numinix Technology http://www.numinix.com
 * @copyright Copyright 2003-2007 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_login_default.php 14 2009-04-14 02:43:33Z numinix $
 */
?>
<div id="centerColumn">
<?php if ($messageStack->size('login') > 0) echo $messageStack->output('login'); ?>
<!-- BOF SHOPPING CART -->
<?php
  if ($fec_order_total_enabled) {
    include(DIR_WS_TEMPLATE . 'templates/tpl_modules_esl_ordertotal.php');
  }
?>
<!-- EOF SHOPPING CART -->

    
<?php if ( USE_SPLIT_LOGIN_MODE == 'True' || $ec_button_enabled) { ?>
    
  <div id="loginColumnLeft">    
    <!-- BEGIN CHECKOUT WITHOUT ACCOUNT -->
    <?php
      if (FEC_NOACCOUNT_SWITCH == 'true' && FEC_NOACCOUNT_POSITION == 'top') {
        if ($_SESSION['cart']->count_contents() > 0) { ?>
          <fieldset class="loginFieldsetLeft">
            <legend><?php echo COWOA_HEADING; ?></legend>
            <div class="information"><?php echo TEXT_RATHER_COWOA; ?></div>
              <div class="buttonRow forward">
                 <?php echo "<a href=\"" . zen_href_link(FILENAME_NO_ACCOUNT, '', 'SSL') . "\">"; ?>
                 <?php echo zen_image_button(BUTTON_IMAGE_CONTINUE, BUTTON_CONTINUE_ALT); ?></a>
               </div>
          </fieldset>
       <?php }
      } ?>
    <!-- END CHECKOUT WITHOUT ACCOUNT -->
    
    
    
    
    <!--BOF PPEC split login- DO NOT REMOVE-->
    <fieldset class="loginFieldsetLeft">
        <legend><?php echo HEADING_NEW_CUSTOMER_SPLIT; ?></legend>
        <?php if ($_SESSION['cart']->count_contents() > 0) { ?>
            <div class="information"><?php echo TEXT_NEW_CUSTOMER_INTRODUCTION_SPLIT_NO_CART; ?></div>
        <?php } else { ?>
            <div class="information"><?php echo TEXT_NEW_CUSTOMER_INTRODUCTION_SPLIT; ?></div>
        <?php } ?>
        
        <hr />
        
        <?php echo zen_draw_form('create_account', zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'), 'post', 'onsubmit="return check_form(create_account);"') . '<div>' . zen_draw_hidden_field('action', 'process') . zen_draw_hidden_field('email_pref_html', 'email_format'); ?>
            <?php require($template->get_template_dir('tpl_modules_create_account.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_create_account.php'); ?>
            <div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SUBMIT, BUTTON_SUBMIT_ALT); ?></div>
        </form>
   
    </fieldset>
  </div>
  <!-- eof columnLeft -->


  <div id="loginColumnRight">
    <fieldset class="loginFieldsetRight">
        <legend><?php echo HEADING_RETURNING_CUSTOMER_SPLIT; ?></legend>
        <div class="information"><?php echo TEXT_RETURNING_CUSTOMER_SPLIT; ?></div>
        <?php echo zen_draw_form('login', zen_href_link(FILENAME_LOGIN, 'action=process', 'SSL')); ?>
            <label class="inputLabel" for="login-email-address"><?php echo ENTRY_EMAIL_ADDRESS; ?></label>
            <?php echo zen_draw_input_field('email_address', '', 'size="25" id="login-email-address"'); ?>
            <label class="inputLabel" for="login-password"><?php echo ENTRY_PASSWORD; ?></label>
            <?php echo zen_draw_password_field('password', '', 'size="25" id="login-password"'); ?>
             <?php
               if (PROJECT_VERSION_MAJOR == '1' && substr(PROJECT_VERSION_MINOR, 0, 3) == '3.8') {
                 echo zen_draw_hidden_field('securityToken', $_SESSION['securityToken']);
               }
             ?>
            <div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_LOGIN, BUTTON_LOGIN_ALT); ?></div><br /><br />
            <label class="inputLabel"><?php echo '<a href="' . zen_href_link(FILENAME_PASSWORD_FORGOTTEN, '', 'SSL') . '">' . TEXT_PASSWORD_FORGOTTEN . '</a>'; ?>

            <br class="clearBoth" />
        </form>    
    </fieldset>


    <!-- BEGIN CHECKOUT WITHOUT ACCOUNT -->
    <?php
      if (FEC_NOACCOUNT_SWITCH == 'true' && FEC_NOACCOUNT_POSITION == 'side') {
        if ($_SESSION['cart']->count_contents() > 0) { ?>
          <fieldset class="loginFieldsetRight">
                <legend><?php echo COWOA_HEADING; ?></legend>
                <div class="information"><?php echo TEXT_RATHER_COWOA; ?></div>
                <div class="buttonRow forward">
                <?php echo "<a href=\"" . zen_href_link(FILENAME_NO_ACCOUNT, '', 'SSL') . "\">"; ?>
                <?php echo zen_image_button(BUTTON_IMAGE_CONTINUE, BUTTON_CONTINUE_ALT); ?></a></div>
          </fieldset>
          <br class="clearBoth" />
    <?php }} ?>
    <!-- END CHECKOUT WITHOUT ACCOUNT -->


    <!-- BOF PAYPAL -->

    <?php if ($ec_button_enabled) { ?>
            <fieldset class="loginFieldsetRight">
                <legend><?php echo HEADING_PAYPAL; ?></legend>
                <div class="information"><?php echo TEXT_PAYPAL_INTRODUCTION_SPLIT; ?></div>
                <div class="center"><span class="PPbutton"><?php require(DIR_FS_CATALOG . DIR_WS_MODULES . 'payment/paypal/tpl_ec_button.php'); ?></div>
            </fieldset>
            <br class="clearBoth" />
        <?php } ?>
    <!-- EOF PAYPAL -->


    <!-- BOF GOOGLE CHECKOUT -->
    <?php if ($ec_button_enabled) { ?>
        <fieldset class="loginFieldsetRight" />
            <legend><?php echo HEADING_GOOGLE_CHECKOUT; ?></legend>
            <div class="information"><?php echo TEXT_GOOGLE_CHECKOUT_INTRODUCTION_SPLIT; ?></div>
            <div class="center"><?php require(DIR_WS_MODULES . 'show_google_components.php');  ?></div>
        </fieldset>
        <div class="clearBoth"></div>
    <?php } ?>
 
    <?php // *** ??? echo zen_draw_form('create_account', zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'), 'post', 'onsubmit="return check_form(create_account);"') . zen_draw_hidden_field('action', 'process') . zen_draw_hidden_field('email_pref_html', 'email_format'); ?>
    
    
    <!-- EOF GOOGLE CHECKOUT -->
    
    <?php if (FEC_CONFIDENCE == 'true') { ?>
      <fieldset class="loginFieldsetRight">
        <legend><?php echo HEADING_CONFIDENCE; ?></legend>
      </fieldset>
    <?php } ?>
    
  </div> <!-- end columnRight -->


<!--EOF PPEC split login- DO NOT REMOVE-->
<?php } else { ?>
<!--BOF normal login-->
<?php
  if ($_SESSION['cart']->count_contents() > 0) {
?>
<div class="advisory"><?php echo TEXT_VISITORS_CART; ?></div>
<?php
  }
?>
<?php echo zen_draw_form('login', zen_href_link(FILENAME_LOGIN, 'action=process', 'SSL')); ?>
<fieldset>
<legend><?php echo HEADING_RETURNING_CUSTOMER; ?></legend>
<label class="inputLabel" for="login-email-address"><?php echo ENTRY_EMAIL_ADDRESS; ?></label>
<?php echo zen_draw_input_field('email_address', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_email_address', '40') . ' id="login-email-address"'); ?>
<div class="clearBoth"></div>
<?php if (FEC_CONFIRM_EMAIL == 'true') { ?>
  <label class="inputLabel" for="login-email-address-confirm"><?php echo ENTRY_EMAIL_ADDRESS_CONFIRM; ?></label>
  <?php echo zen_draw_input_field('email_address_confirm', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_email_address', '40') . ' id="login-email-address-confirm"'); ?>
  <div class="clearBoth"></div>
<?php } ?>
<label class="inputLabel" for="login-password"><?php echo ENTRY_PASSWORD; ?></label>
<?php echo zen_draw_password_field('password', '', zen_set_field_length(TABLE_CUSTOMERS, 'customers_password') . ' id="login-password"'); ?>
<div class="clearBoth"></div>
<?php
  if (PROJECT_VERSION_MAJOR == '1' && substr(PROJECT_VERSION_MINOR, 0, 3) == '3.8') {
    echo zen_draw_hidden_field('securityToken', $_SESSION['securityToken']);
  }
?>
</fieldset>
<div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_LOGIN, BUTTON_LOGIN_ALT); ?></div>
<div class="buttonRow back important"><?php echo '<a href="' . zen_href_link(FILENAME_PASSWORD_FORGOTTEN, '', 'SSL') . '">' . TEXT_PASSWORD_FORGOTTEN . '</a>'; ?></div>
</form>


<div class="clearBoth"></div>


<!-- BEGIN CHECKOUT WITHOUT ACCOUNT -->
<?php
  if (FEC_NOACCOUNT_SWITCH == 'true') {
    if ($_SESSION['cart']->count_contents() > 0) { ?>
       <fieldset>
      <legend>Checkout Without Account</legend>
      <?php echo TEXT_RATHER_COWOA; ?>
      <div class="buttonRow forward">
      <?php echo "<a href=\"" . zen_href_link(FILENAME_NO_ACCOUNT, '', 'SSL') . "\">"; ?>
      <?php echo zen_image_button(BUTTON_IMAGE_CONTINUE, BUTTON_CONTINUE_ALT); ?></a></div>
      <div class="clearBoth"></div>
      </fieldset>
<?php }} ?>
<!-- END CHECKOUT WITHOUT ACCOUNT -->


<?php echo zen_draw_form('create_account', zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL'), 'post', 'onsubmit="return check_form(create_account);"') . '<div>' . zen_draw_hidden_field('action', 'process') . zen_draw_hidden_field('email_pref_html', 'email_format') . '</div>'; ?>


<fieldset>
<legend><?php echo HEADING_NEW_CUSTOMER; ?></legend>
<div class="information"><?php echo TEXT_NEW_CUSTOMER_INTRODUCTION; ?></div>
<?php require($template->get_template_dir('tpl_modules_create_account.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_create_account.php'); ?>
</fieldset>
<div class="buttonRow forward"><?php echo zen_image_submit(BUTTON_IMAGE_SUBMIT, BUTTON_SUBMIT_ALT); ?></div>
</form>
<!--EOF normal login-->

<?php } ?>
</div>

I have tidied a few areas, but it may need more work... I'll check back and see how you are doing tonight.

Steve

23 Apr 2009, 11:38 AM
#9
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Hi, thanks a million Steve... definitely tidier looking tags but unfortunately, doesn't solve the table alignment in IE. Thanks for your time so far, you're wonderful... maybe tonight if it's still not looking quite right then you could fine tune it some more ... thank you!!

23 Apr 2009, 6:25 PM
#10
beyre avatar

beyre

Zen Follower

Join Date:
Feb 2009
Posts:
422
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

limelites,

I would love to know what you did to left align the form fields for name, address, phone number, etc etc .... since these are center aligned by default. (create account side of login page)

23 Apr 2009, 6:32 PM
#11
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

beyre:

limelites,

I would love to know what you did to left align the form fields for name, address, phone number, etc etc .... since these are center aligned by default. (create account side of login page)

Send me a link to your store and I'll take a look at your code to see if I can figure it out for you.

23 Apr 2009, 6:37 PM
#12
beyre avatar

beyre

Zen Follower

Join Date:
Feb 2009
Posts:
422
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

http://www.rdsoffice.com/office-furniture-shop/index.php?main_page=login

  1. Don't know where the header went for the store. Strange things are going on.

  2. Don't know why you see TEXT_LIKE_YOU_DO ... even though, for the 2nd time today, I have reupload the appropriate files that come with a fresh download of zencart.

  3. Why the input fields are not left align by default is beyond me, as the center alignment looks awful.

  4. Don't know why reference to State: (label) is missing. Is showing in all appropriate files.

Any help you can offer can be appreciated.
This is my 4th zencart in a few weeks and by far the simplest and it's giving me the most grief! :frusty::wacko::shocking: :laugh:

23 Apr 2009, 6:44 PM
#13
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

The URL you sent is giving a 404 not found?

23 Apr 2009, 7:10 PM
#14
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Have you installed any quick checkout or sign up mods lately?

23 Apr 2009, 7:20 PM
#15
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

It looks like you've deleted some of the defines from one or more of your files.

Do you know how to use the developers toolkit? Use it to search the CAPITALISED_TERMS on the page.... what files is it finding?

Search, HEADING_RETURNING_CUSTOMER for example.

23 Apr 2009, 7:30 PM
#16
beyre avatar

beyre

Zen Follower

Join Date:
Feb 2009
Posts:
422
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Sorry - was in the middle of a DNS change cause of installing the SSL certificate (nice to have our own server LOL).

Yes, I've been through the Developer's ToolKit.
I've reuploaded the default files (I keep unaltered zencart files just for those purposes).

All the defines are showing in all instances/files of the login page. (language file, template file, etc). What's weirder is that those errors showed up the first time I visited that page. I hadn't done any adjustments to the look of the page. They were already there.

I have added modifications, but none that affect the login page whatsoever. (Google analytics, image handler, etc).

Re-installing the default files for english/login.php and the tpl_login (whatever it's called) should have fixed any missing defines. I even replaced the english/index.php ....

And I installed this site using the same unaltered zencart files (downloaded from the zencart site 2.5 weeks ago) that I used to create the 3 previous carts these past 2 weeks ... so it can't be the files I'm working from.

So, while I continue to hunt and figure out that problem ... what about the alignment of the field input boxes for creating an account? :blush:

HEADING_RETURNING_CUSTOMER is found in english/login.php and english/time_out.php, according to the tool kit

23 Apr 2009, 7:35 PM
#17
beyre avatar

beyre

Zen Follower

Join Date:
Feb 2009
Posts:
422
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Just went through all the capitals - all are showing to be found in the proper places, including english/login.php

So, the information is THERE ... just why isn't it reading it ?

Sorry - I've hijacked this thread ... didn't mean to .... though I do have an interest in the alignment issue ....

23 Apr 2009, 7:42 PM
#18
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

You got it in them both:

  • /includes/languages/english/login.php
  • /includes/templates/CUSTOM/templates/tpl_login_default.php
23 Apr 2009, 7:51 PM
#19
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

Sorry, I missed post #16.... It sounds like something's happened to your tpl_login.default.php file if Toolkit's not finding it in there. Try uploading that file again and put it in your /includes/templates/CUSTOM/templates/

I find it in six core files.

Try switching to Classic template and see if you still have the same issues... that will eliminate your default files.

23 Apr 2009, 8:05 PM
#20
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: vertical-align:middle; text on checkout page by radio buttons

beyre:

Sorry - I've hijacked this thread ... didn't mean to .... though I do have an interest in the alignment issue ....

Not sure if this is your problem, but do you have text-align: left;
in your main wrapper? Try putting it in there if you don't.

Replace stylesheet.css (line 181):

#mainWrapper {
background-color:#FFFFFF;
border:1px solid #333366;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:800px;
}

With:

#mainWrapper {
text-align: left;
vertical-align: top;
background-color:#FFFFFF;
border:1px solid #333366;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
float:inherit;
width:800px;

Try that....