Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2013-01-14
3
Medium Priority
?
347 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 2000 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: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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

This article discusses the ASP.NET AJAX ModalPopupExtender control. In this article we will show how to use the ModalPopupExtender control, how to display/show/call the ASP.NET AJAX ModalPopupExtender control from javascript, how to show/display/cal…
In .NET 2.0, Microsoft introduced the Web Site.  This was the default way to create a web Project in Visual Studio 2005.  In Visual Studio 2008, the Web Application has been restored as the default web Project in Visual Studio/.NET 3.x The Web Si…
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…
In a question here at Experts Exchange (https://www.experts-exchange.com/questions/29062564/Adobe-acrobat-reader-DC.html), a member asked how to create a signature in Adobe Acrobat Reader DC (the free Reader product, not the paid, full Acrobat produ…
Suggested Courses

824 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