Solved

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

Posted on 2013-01-14
3
343 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

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
SQL Login 17 50
rebind a grid after user clicks on node in treeview 1 35
ck editor is taking too much time to be loaded in asp 1 17
ASP.NET MVC identity 6 26
Sometimes in DotNetNuke module development you want to swap controls within the same module definition.  In doing this DNN (somewhat annoyingly) swaps the Skin and Container definitions to the default admin selections.  To get around this you need t…
Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
In a recent question (https://www.experts-exchange.com/questions/28997919/Pagination-in-Adobe-Acrobat.html) here at Experts Exchange, a member asked how to add page numbers to a PDF file using Adobe Acrobat XI Pro. This short video Micro Tutorial sh…
This video shows how to quickly and easily add an email signature for all users on Exchange 2016. The resulting signature is applied on a server level by Exchange Online. The email signature template has been downloaded from: www.mail-signatures…

773 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