Click here to Skip to main content
13,446,392 members (37,051 online)
Rate this:
Please Sign up or sign in to vote.
See more:
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>
    <style type="text/css">

        <link href="Content\Site.css" rel="stylesheet" type="text/css" />
        <section id="loginForm">
            <h2>Wel come back,Please login.</h2>
            <asp:Login runat="server" ViewStateMode="Disabled" RenderOuterTable="false">
                    <p class="validation-summary-errors">
                        <asp:Literal runat="server" ID="FailureText" />
                        <legend>Log in Details:</legend>
                                <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." />
                                <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." />
                                <asp:CheckBox runat="server" ID="RememberMe" />
                                <asp:Label runat="server" AssociatedControlID="RememberMe" CssClass="checkbox">Remember me?</asp:Label>
                        <asp:Button runat="server" CommandName="Login" Text="Log in" class="round-button" />
                <asp:HyperLink runat="server" ID="RegisterHyperLink" ViewStateMode="Disabled">Register</asp:HyperLink>
                if you don't have an account.
        <section id="socialLoginForm">
            <h2>Use another service to log in.</h2>
            <uc:OpenAuthProviders  runat="server" ID="OpenAuthLogin" />

<pre lang="here is my CSS: .round-button {<br />
        background-color: #006699;<br />
        color: #FFF;<br />
        width: 70px;<br />
        cursor: pointer;<br />
        -moz-border-radius: 10px;<br />
        -webkit-border-radius: 10px;<br />
        -khtml-border-radius: 10px;<br />
         padding: 5px;<br />
         border-radius: 10px;<br />
Posted 12-Nov-12 22:40pm
Updated 12-Nov-12 22:46pm

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1


This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web01-2016 | 2.8.180314.2 | Last Updated 13 Nov 2012
Copyright © CodeProject, 1999-2018
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