Solved

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

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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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…
Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
Attackers love to prey on accounts that have privileges. Reducing privileged accounts and protecting privileged accounts therefore is paramount. Users, groups, and service accounts need to be protected to help protect the entire Active Directory …

733 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