Results 1 to 4 of 4
  1. #1
    Join Date
    Oct 2007
    Location
    Hong Kong
    Posts
    111
    Plugin Contributions
    0

    Default 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

  2. #2
    Join Date
    Oct 2007
    Location
    Hong Kong
    Posts
    111
    Plugin Contributions
    0

    Default Re: login input fields not aligned

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

  3. #3
    Join Date
    Oct 2007
    Location
    Hong Kong
    Posts
    111
    Plugin Contributions
    0

    Default 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&amp;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.

  4. #4
    Join Date
    Oct 2007
    Location
    Hong Kong
    Posts
    111
    Plugin Contributions
    0

    Default 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.

 

 

Similar Threads

  1. size of input fields
    By luciano9876 in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 12 Feb 2011, 07:41 PM
  2. Resize Login input fields
    By thornhillguy in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Oct 2009, 02:41 AM
  3. Login fields not showing on login page
    By Hypnos in forum Basic Configuration
    Replies: 1
    Last Post: 20 May 2008, 06:23 PM
  4. alignment of login input fields
    By haostaff in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 26 Jan 2008, 02:37 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg