while using asp.net url routing what is a suggested solution to referencing css files?

Question

I'm using url routing and I have a stylesheet that is being referenced on the destination page (inside a master page content template):

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link href="css/actionmenu.css" rel="stylesheet" type="text/css" />
</asp:Content>

When the page is requested www.mysite.com/mypage it is Ok. However, if the page is requested as www.mysite.com/mypage/anotherpage - the reference to the stylesheet breaks. I tried:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
        <link href="~/css/actionmenu.css" rel="stylesheet" type="text/css" runat="server"/>
    </asp:Content>

and that didn't help.

My usual solution is to load the stylesheet in codebehind - however, is there another solution I'm missing?

Rion Williams · Accepted Answer · 2012-03-30 14:52:33Z

1

I believe that you can use Server.ResolveClientUrl() to handle this in ASP.NET:

href="<%=Server.ResolveClientUrl("~/css/actionmenu.css")%>"

In ASP.NET MVC, you could use the Url.Content() method:

href = <%=Url.Content("~/css/actionmenu.css")%>"

If you are looking for some additional information on these options, you can check the link below:

Different Approaches for Resolving URLs | A Programmer's Blog

edited Mar 30, 2012 at 14:52

answered Aug 12, 2011 at 16:32

Rion Williams

76.9k38 gold badges206 silver badges335 bronze badges

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

1 Comment

Simon Halsey Over a year ago

maybe petty, but did you have to put it all in bold? Good answer though.

codeandcloud · Accepted Answer · 2011-08-12 16:36:06Z

0

Try this.

<link href='<%= ResolveUrl("~/css/actionmenu.css") %>' rel="stylesheet" type="text/css" media="all" />

answered Aug 12, 2011 at 16:36

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

Comments

chris · Accepted Answer · 2011-08-12 16:39:13Z

0

Is there any reason you can't use an absolute reference - i.e

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

answered Aug 12, 2011 at 16:39

chris

37.7k55 gold badges161 silver badges245 bronze badges

Collectives™ on Stack Overflow

while using asp.net url routing what is a suggested solution to referencing css files?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related