MVC ViewUserControl not retrieving css stylesheets

Question

I have Created New MVC2 ViwUserControl and I have added new css file to ~/Content/Styles folder in my solution explorer. but my user control is not retrieving CSS files

 <link href="~/Content/Styles/demo_page.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/Styles/demo_table.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/Styles/demo_validation.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/Styles/jquery.alerts.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/Styles/jquery-ui.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/Styles/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />

any ideas/help appreciated?

when i debug through the firbug i'm seeing 404 not found error for these files

Alex · Accepted Answer · 2012-03-09 21:09:38Z

1

The preceding tilde is throwing your code off ...

Change:

<link href="~/ ...

To:

<link href="/ ...

The tilde ~ is a server-side construct commonly used in ASP.Net WebForms with code like:

<img runat="server" src="~/Images/foo.png" />.

In MVC the standard is to use @Url.Content(" ... "); so:

<link href="@Url.Content("~/Content/Styles/demo_page.css")"
      rel="stylesheet" type="text/css" />

edited Mar 9, 2012 at 21:09

answered Mar 9, 2012 at 21:04

Alex

35.5k5 gold badges81 silver badges94 bronze badges

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

Comments

Valamas · Accepted Answer · 2012-03-09 21:03:27Z

0

You cannot use ~/ in html. the only works with server-side function that support that vritual path. Remove ~

answered Mar 9, 2012 at 21:03

Valamas

24.8k25 gold badges111 silver badges182 bronze badges

Collectives™ on Stack Overflow

MVC ViewUserControl not retrieving css stylesheets

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related