asked on

css not applied at runtime

I am attaching a css to and ASPX file.
Design time I see the css style, when I run application I do not see the style.
Following is the line that attaches the css to the page.
________________________________________________________
<head runat="server">
<link rel="stylesheet" type="text/css" href="css/login.css" />
</head>

Jerrod_W

You could try to move the CSS file into the current directory. Or you can try:

<head runat="server">
<link rel="stylesheet" type="text/css" href="/css/login.css" />
</head>

the slash in front of the directory is necessary sometimes.

prairiedog

1. Switch to the Source view (HTML view)
2. Select your css file from the solution explorer
3. Drag & drop your css file (login.css) into the <head> section.
4. Does it look the same as you posted earlier?

vu3lmg

ASKER

Tried to move in current dir - did not work.
put a "/" in the front - did not work.
More ideas please.

vu3lmg

ASKER

prairiedog,
the drag drop of the css looks the same.
Chandresh

prairiedog

Are you using any Master page?

vu3lmg

ASKER

prairiedog
Yes there is a master file.
I want to load that file after successful login.
Attached is the login.aspx file
Chandresh

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Login2" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>PAM Browser</title>
    <link href="css/login.css" rel="stylesheet" type="text/css" />
</head>
<body class="loginoverallback">
    <form id="form1" runat="server">
        <div>
            <asp:LoginView ID="LoginView1" runat="server">
                <LoggedInTemplate>
                    You are already logged in
                </LoggedInTemplate>
                <AnonymousTemplate>
                </AnonymousTemplate>
            </asp:LoginView>
            &nbsp;<asp:Login ID="Login1" runat="server" DisplayRememberMe="False" Font-Bold="True"
                Font-Names="Arial" RememberMeText="" Width="361px">
            </asp:Login>
            <asp:LoginStatus ID="LoginStatus1" runat="server" LoginText="" LogoutText="" />
        </div>
    </form>
</body>
</html>

Open in new window

prairiedog

Confused. What file do you want to "load"? What do you mean "load"?

vu3lmg

ASKER

prairiedog
I want to load Login.aspx file, after a successful login, I want to load the master file.
Chandresh

prairiedog

1. I don't see your Master page.
2. Login.aspx is just a regular web page.
3. Can you post your css file?

vu3lmg

ASKER

prairiedog,
1,2 Sucessful login loads "Default.aspx" which is contained in the master page.
3 Attached is the Login.css.

.loginoverallback {
	background-color: #00476D; 
	background-image: url(../images/login/login_overallback.jpg);
	background-repeat: no-repeat;
}
 
.loginversiontext {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
 
 
.loginerrortext {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FDFFB9;
	line-height : 20px;
} 
 
 
.logintext {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
 
.logininputtext {
/*	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
*/	color: #000000;
  	BORDER-RIGHT: #00476D 1px solid; 
   	BORDER-TOP: #00476D 1px solid; 
   	BORDER-LEFT: #00476D 1px solid; 
   	BORDER-BOTTOM: #00476D 1px solid;
}
 
 
.logininputbutton {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
  	BORDER-RIGHT: #FFFFFF 1px solid; 
   	BORDER-TOP: #FFFFFF 1px solid; 
   	BORDER-LEFT: #FFFFFF 1px solid; 
   	BORDER-BOTTOM: #FFFFFF 1px solid; 	
	CURSOR: hand;
	background-color: #00476D;
	color: #FFFFFF;
	width: 50px;
}

Open in new window

prairiedog

Try assigning class="loginoverallback" to the <div> tag, instead of the <body> tag.

vu3lmg

ASKER

prairiedog
Did not work (assigning the class to <div> tag). Same results.

prairiedog

I am still confused, sorry. Let me confirm this: it is login.aspx that does not show the style, right? After user logs in, they will be redirected to default.aspx?

vu3lmg

ASKER

Yes, you are right
Login.aspx does not show the style at runtime.
At design time it does show the style.

ASKER CERTIFIED SOLUTION

prairiedog

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

vu3lmg

ASKER

Attached is the zipped folder of part of my project.
I am having problems with this as well
Please have a look at it.

vu3lmg

ASKER

I am not able to attach the zipped folder. Is there a way to send you the code.

prairiedog

All files uploaded here have to be in plain text format.
Have you tried changing background-image: url(images/login/login_overallback.jpg);

vu3lmg

ASKER

Yes I tried changing background-image: url(images/login/login_overallback.jpg);
Strangly, I copied the project to another PC and it works there !!

prairiedog

With the same folder structure and hierarchy?

vu3lmg

ASKER

Strange
Now it works on my PC as well. Even with ../ or without !!
Let me know if you have any more ideas or I will close this by accepting one of your suggestions.