Solved

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

Posted on 2013-01-14
3
345 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

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

A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
NetCrunch network monitor is a highly extensive platform for network monitoring and alert generation. In this video you'll see a live demo of NetCrunch with most notable features explained in a walk-through manner. You'll also get to know the philos…
Add bar graphs to Access queries using Unicode block characters. Graphs appear on every record in the color you want. Give life to numbers. Hopes this gives you ideas on visualizing your data in new ways ~ Create a calculated field in a query: …

617 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