Question

today i found something weird behavior of asp.net default website template.

I tried to add logo to the master page(i.e., Site.Master)

<div class="title">
            <h1>
            <img id="logoImage" src="images/headerlogo.png" /><span id="headerUser">heidi jones</span>
            </h1>
        </div>

Its working for default.aspx age and about.aspx page, but when i go to login page the logo image is not showing there.

Did i miss something? this is the first time im using asp.net default template…

Fallowing are screens

Default.aspx Page

Login.aspx page

Working Code

<img id="logoImage" runat="server" src="~/images/headerlogo.png" /><span id="headerUser">heidi jones</span>

I miss runat tag

Answer 1

The image is being loaded from a relative url – so your root folder pages work, but not in sub folders use ~ at the start of the url in any image controls (don’t forget runat='server')

The tilde (~) character represents the root directory of the application in ASP.NET.

This is a relative path:

<img id="logoImage" src="images/smallprof.png">

It means that the browser will look for the image RELATIVE to the url of the current page – i.e. in the root folder it will look for /images/ in the security folder it will look for /security/windows

This is an absolute path

<img id="logoImage" src="/images/smallprof.png">

The browser will always look for /images/ regardless of the url of the page

Use the absolute path