Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / login input fields not updated

login input fields not updated

Locked

Views: 991

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
8 Dec 2008, 10:45 AM
#1
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

login input fields not updated

My login page has mis-aligned fields (email / password) like this.

Screenshot:
http://haostaff.com/login_fields_mis_aligned.gif

This is the login page (either split or not-split).

Funny it is OK (well aligned) when I see it from some PCs.

Where do I treak to make them appear aligned on all PCs all the time?

Thanks.
Jeff

8 Dec 2008, 10:47 AM
#2
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

Re: login input fields not updated

Sorry. Typo in the subject: "updated" should be "aligned". I can't edit it.

9 Dec 2008, 1:25 AM
#3
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

Re: login input fields not updated

This is the source code. I can't see any problem and don't know where to tweak.

<form name="login" action="http://haostaff.com/store/index.php?main_page=login&action=process" method="post"><label class="inputLabel" for="login-email-address">Email Address:</label> <input type="text" name="email_address" size="18" id="login-email-address" /><br class="clearBoth" />

<label class="inputLabel" for="login-password">Password:</label>
<input type="password" name="password" size="18" id="login-password" /><br class="clearBoth" />

I am non-IT trying to do it myself. Need a pointer. Is it in a CCS file or a TEMPLATE file somewhere?

Thanks.

9 Dec 2008, 2:51 AM
#4
haostaff avatar

haostaff

Zen Follower

Join Date:
Oct 2007
Location:
Hong Kong
Posts:
112
Plugin Contributions:
0

Re: login input fields not updated

Mystery solved by myself.

The cause of the problem: My version of IE v7.0.5730.13 somehow either "shrinks" the password field, or "inflates" the e-mail field. God knows why and how.

The old versions on my other PC (as well as Firefox) does not and therefore the two fields are of the same length and nicely vertically aligned.

The same problem appears in my "not-split" login page which you can see if you simply click http://haostaff.com/store/index.php?main_page=login . Some of you might see different lengths of the email and password fields, while some may see same length.

Knowing the cause, I have found the place to tweak it to try to make it look acceptable to all browsers. I increased the length of both fields so that they both (instead of one yes one no) break to the left to appear under the text titles.

The place that I did this is includes/templates/templates_default/templates/tpl_login_default.php

Cheers ... but the mystery about IE lingers.