Add a CSS file to an aspx file

Question

I have an ascx page on which I want to add a link to a css file.

For this I use :

<link href="myCSS.css" rel="Stylesheet" type="text/css" />

But it doesn't work.

I also try this on the code behind :

System.Web.UI.HtmlControls.HtmlLink link = new System.Web.UI.HtmlControls.HtmlLink();
link.Href = "myCSS.css";
link.Attributes.Add("rel", "stylesheet");
link.Attributes.Add("type", "text/css");
link.Attributes.Add("title", "Default");
this.Page.Header.Controls.Add(link);

And this :

System.Web.UI.HtmlControls.HtmlGenericControl myCss = new System.Web.UI.HtmlControls.HtmlGenericControl();
myCss.TagName = "link";
myCss.Attributes.Add("type", "text/css");
myCss.Attributes.Add("rel", "stylesheet");
myCss.Attributes.Add("href", ResolveUrl("myCSS.css"));
this.Page.Header.Controls.Add(myCss);

I put this ascx file on an aspx file which uses a masterpage, maybe the problem is here ?

EDIT

The problem is the intellisense see the file (because it show my CSS classes in the file), but it doesn't apply them on my ascx file.

What is the structure of your project? Where are the page and the myCSS.css file located? — Andrei
– Andrei, Commented Aug 6, 2013 at 12:54
Is there actually a css file at that location? Run Fiddler2 then load the page. It will show the request for the css file. If it shows a 404 then thats your problem. — asawyer
– asawyer, Commented Aug 6, 2013 at 12:54
Have you tried using a <link runat='server'> tag and setting the properties on that? — Tim
– Tim, Commented Aug 6, 2013 at 12:54
@Andrei @asawyer The aspx and the css are in the same folder @Tim I tried the runat="server" and it doesn't work too — Shadam
– Shadam, Commented Aug 6, 2013 at 13:01

Bhagavan · Accepted Answer · 2013-08-06 13:22:34Z

1

 <link href="../Mycss.css" rel="stylesheet" type="text/css" />

Try This

edited Aug 6, 2013 at 13:22

answered Aug 6, 2013 at 12:57

Bhagavan

3011 gold badge2 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AnaMaria Over a year ago

Nice nice. Hope it helps

James · Accepted Answer · 2013-08-06 13:09:20Z

0

The code you have the minute would assume the CSS file is located in the same directory as your ascx file, you should resolve the path so it always comes from the root of the site i.e.

<link href='<%=ResolveUrl("~/myCSS.css")%>' rel="Stylesheet" type="text/css" />

You could also try just adding the backslash (if they are in the same directory) i.e.

<link href="/myCSS.css" rel="Stylesheet" type="text/css" />

edited Aug 6, 2013 at 13:09

answered Aug 6, 2013 at 12:56

James

82.4k19 gold badges173 silver badges245 bronze badges

3 Comments

Pete Over a year ago

I thought link tags resolve automatically so there shouldn't be a need to use the ResolveUrl, just the tilda

Shadam Over a year ago

The CSS file and the aspx are in the same folder, I tried your solution but it doesn't work too...

James Over a year ago

@Pete only if the control is rendered by the server (i.e. runat="server"), @Shadam are you using the full path to where the CSS file is located though? My answer is just an example of how to use ResolveUrl.

Collectives™ on Stack Overflow

Add a CSS file to an aspx file

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related