Click here to Skip to main content

eckomma asked:

Open original thread
Am building a web application for a clinic using VS2012Express(web).
I want to change look and feel on the default log in page, so i create css for roundcorner on the Site.css file call:round-coner.When i call in in the login page.The formating still remain the same. i have testing in some other application i built using aptana studio and it working.Could some one tell me what am doing wrong.
<%@ Page Title="Log in" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Practice_project.Account.Login" %>
<%@ Register Src="~/Account/OpenAuthProviders.ascx" TagPrefix="uc" TagName="OpenAuthProviders" %>
 
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <hgroup class="title">
        <h1><%: Title %>.</h1>
    </hgroup>
    <style type="text/css">
 
        </style>
        <link href="Content\Site.css" rel="stylesheet" type="text/css" />
        
        <header>
    
    
        </header>
        <section id="loginForm">
            <h2>Wel come back,Please login.</h2>
            <asp:Login runat="server" ViewStateMode="Disabled" RenderOuterTable="false">
                <LayoutTemplate>
                    <p class="validation-summary-errors">
                        <asp:Literal runat="server" ID="FailureText" />
                    </p>
                    <fieldset>
                        <legend>Log in Details:</legend>
                        <ol>
                            <li>
                                <asp:Label runat="server" AssociatedControlID="UserName">User name</asp:Label>
                                <asp:TextBox runat="server" ID="UserName" />
                                <asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="The user name field is required." />
                            </li>
                            <li>
                                <asp:Label runat="server" AssociatedControlID="Password">Password</asp:Label>
                                <asp:TextBox runat="server" ID="Password" TextMode="Password" />
                                <asp:RequiredFieldValidator runat="server" ControlToValidate="Password" CssClass="field-validation-error" ErrorMessage="The password field is required." />
                            </li>
                            <li>
                                <asp:CheckBox runat="server" ID="RememberMe" />
                                <asp:Label runat="server" AssociatedControlID="RememberMe" CssClass="checkbox">Remember me?</asp:Label>
                            </li>
                        </ol>
                        <asp:Button runat="server" CommandName="Login" Text="Log in" class="round-button" />
                    </fieldset>
                </LayoutTemplate>
            </asp:Login>
            <p>
                <asp:HyperLink runat="server" ID="RegisterHyperLink" ViewStateMode="Disabled">Register</asp:HyperLink>
                if you don't have an account.
            </p>
        </section>
    
        <section id="socialLoginForm">
            <h2>Use another service to log in.</h2>
            <uc:OpenAuthProviders  runat="server" ID="OpenAuthLogin" />
        </section>
    </asp:Content>
    
<pre lang="here is my CSS: .round-button {
background-color: #006699;
color: #FFF;
width: 70px;
cursor: pointer;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
padding: 5px;
border-radius: 10px;
}"></pre>
Tags: ASP.NET4.0

Preview



When answering a question please:
  1. Read the question carefully.
  2. Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
  3. If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Let's work to help developers, not make them feel stupid.
Please note that all posts will be submitted under the The Code Project Open License (CPOL).



Advertise | Privacy | Mobile
Web03 | 2.8.1411022.1 | Last Updated 26 Mar 2009
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100