Solved

css not applied at runtime

Posted on 2008-10-14
21
1,756 Views
Last Modified: 2013-12-17
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>
0
Comment
Question by:vu3lmg
  • 11
  • 9
21 Comments
 
LVL 4

Expert Comment

by:Jerrod_W
ID: 22712814
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.
0
 
LVL 22

Expert Comment

by:prairiedog
ID: 22712914
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?
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22712963
Tried to move in current dir - did not work.
put a "/" in the front - did not work.
More ideas please.
0
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
LVL 1

Author Comment

by:vu3lmg
ID: 22713001
prairiedog,
the drag drop of the css looks the same.
Chandresh
0
 
LVL 22

Expert Comment

by:prairiedog
ID: 22713016
Are you using any Master page?
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22713225
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

0
 
LVL 22

Expert Comment

by:prairiedog
ID: 22713298
Confused. What file do you want to "load"? What do you mean "load"?
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22713329
prairiedog
I want to load Login.aspx file, after a successful login,  I want to load the master file.
Chandresh
0
 
LVL 22

Expert Comment

by:prairiedog
ID: 22713444
1. I don't see your Master page.
2. Login.aspx is just a regular web page.
3. Can you post your css file?
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22713711
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

0
 
LVL 22

Expert Comment

by:prairiedog
ID: 22714063
Try assigning class="loginoverallback" to the <div> tag, instead of the <body> tag.
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22720183
prairiedog
Did not work (assigning the class to <div> tag).  Same results.
0
 
LVL 22

Expert Comment

by:prairiedog
ID: 22720732
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?
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22721138
Yes, you are right
Login.aspx does not show the style at runtime.
At design time it does show the style.
0
 
LVL 22

Accepted Solution

by:
prairiedog earned 500 total points
ID: 22721298
It seems that this line is causing the problem:
background-image: url(../images/login/login_overallback.jpg);

Make sure the rul is correct. I would try removing "../" first.
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22730291
Attached is the zipped folder of part of my project.
I am having problems with this as well
Please have a look at it.
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22730345
I am not able to attach the zipped folder.  Is there a way to send you the code.
0
 
LVL 22

Expert Comment

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

Author Comment

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

Expert Comment

by:prairiedog
ID: 22732133
With the same folder structure and hierarchy?
0
 
LVL 1

Author Comment

by:vu3lmg
ID: 22734492
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.
0

Featured Post

MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

Question has a verified solution.

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

This document covers how to connect to SQL Server and browse its contents.  It is meant for those new to Visual Studio and/or working with Microsoft SQL Server.  It is not a guide to building SQL Server database connections in your code.  This is mo…
For those of you who don't follow the news, or just happen to live under rocks, Microsoft Research released a beta SDK (http://www.microsoft.com/en-us/download/details.aspx?id=27876) for the Xbox 360 Kinect. If you don't know what a Kinect is (http:…
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

828 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