Solved

Text goes up and down in the login control's textbox

Posted on 2013-01-14
3
341 Views
Last Modified: 2013-01-15
Not sure how to debug this but I've attached a screenshot of what I'm seeing. I have a JQuery slider and asp.net Login control. I type in the username and the text is not centered. If I place my mouse cursor inside the textbox and click...that text goes up and down...

Anyway I can center the text?

This is my code and i can copy/paste the entire aspx page, if needed

 <div id="login_area">
             <asp:Login ID="Login1" Orientation="Horizontal"  LoginButtonStyle-CssClass="submit_text_link"   
            LoginButtonText="Submit"  OnAuthenticate="OnAuthenticate"    LoginButtonType="Link" TitleText=""    DisplayRememberMe="false" 
            TextLayout="TextOnTop"   FailureText="Invalid username or password"  runat="server">
             
             <LayoutTemplate>
               
                <table cellpadding="0" cellspacing="0" id="Login1" style="border-collapse:collapse;  border-style:none; table-layout:fixed;">
                    <tr>
                    <td><label for="username">Username:</label><br />
                    <asp:TextBox  ID="UserName"  runat="server"></asp:TextBox>&nbsp;&nbsp;</td>
                    <td ><label for="password">Password:</label><br />
                    <asp:TextBox  ID="Password"   runat="server"  TextMode="Password"></asp:TextBox>&nbsp;</td>
                     <td valign="top"><br /><asp:LinkButton id="Login" CommandName="Login" CssClass="submit_text_link" runat="server" Text="Submit"></asp:LinkButton>
                     </td>
                    </tr> 
                                                        
                    </table>
                    <table>
                     <tr>
                      <td><asp:Literal ID="lmsg" runat="server" ></asp:Literal></td>
                      <td></td>
                      <td></td>
                    </tr>
                    </table>
                                 
             </LayoutTemplate>
                             
            </asp:Login>

Open in new window

Doc1.docx
0
Comment
Question by:Camillia
  • 2
3 Comments
 
LVL 21

Accepted Solution

by:
masterpass earned 500 total points
ID: 38776126
I am pretty sure the reason is some of the CSS is playing up introducing a padding into your textbox. Use developer tools of use Firebug for firefox and inspect the textbox in question and I am sure that you will be able to figure out the CSS that is playing up.

I can try to take a look at it if you have an online version for this.
0
 
LVL 7

Author Comment

by:Camillia
ID: 38776155
I think it's that <div id="login_area"> that's doing it. If I remove it, it wont happen. But i do need that class there.
0
 
LVL 7

Author Comment

by:Camillia
ID: 38776190
I got it, it was this

#login_area input[type=text] {
    line-height: 2em;
}

#login_area input[type=password] {
    line-height: 2em;
}
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

AJAX ModalPopupExtender has a required property "TargetControlID" which may seem to be very confusing to new users. It means the server control that will be extended by the ModalPopup, for instance, if when you click a button, a ModalPopup displays,…
In this Article, I will provide a few tips in problem and solution manner. Opening an ASPX page in Visual studio 2003 is very slow. To make it fast, please do follow below steps:   Open the Solution/Project. Right click the ASPX file to b…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
As a trusted technology advisor to your customers you are likely getting the daily question of, ‘should I put this in the cloud?’ As customer demands for cloud services increases, companies will see a shift from traditional buying patterns to new…

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now