 <p>You have to use relative paths all over your app:</p> <p><code>~</code> won't work within static html code.</p> <p>You can write</p> <pre><code>&lt;img src="@Url.Content("~/images/logos/hdr.png")" /&gt; </code></pre> <p>or </p> <pre><code>&lt;img src="../images/logos/hdr.png" /&gt; </code></pre> <p>The first approach is good for layout files where your relative path might be changing when you have different length routing urls.</p> <p><strong>EDIT</strong></p> <p>Regarding to your question about normal links:</p> <p>When linking to another page in your app you don't specify the view file as the target but the action which renders a view as the result. For that you use the HtmlHelper <code>ActionLink</code>:</p> <pre><code>@Html.ActionLink("Linktext", "YourController", "YourAction") </code></pre> <p>That generates the right url for you automatically: </p> <pre><code>&lt;a href="YourController/YourAction"&gt;Linktext&lt;/a&gt; </code></pre> <p><strong>EDIT 2</strong></p> <p>Ok, no MVC - so you have to generate your links yourself.</p> <p>You have to use relative paths, too. Don't start any link with the <code>/</code> character!</p> <pre><code>&lt;a href="linkOnSameLevel.cshtml"&gt;Link&lt;/a&gt; &lt;a href="../linkOnParentLevel.cshtml"&gt;Link&lt;/a&gt; &lt;a href="subFolder/linkOnOneLevelDown.cshtml"&gt;Link&lt;/a&gt; </code></pre> <p><strong>EDIT 3</strong></p> <p>When using Layout pages you can use the <code>Href</code>extension method to generate a relative url:</p> <pre><code>&lt;link href="@Href("~/style.css")" ... </code></pre>