[SOLVED] css and master page asp.net problem

css and master page asp.net problem

i had used the following code in master page of asp.net project

<a runat="server" href="home.htm" onmouseover="document.Home_Img.src='Images/home_2.png'"
        onmouseout="document.Home_Img.src='Images/home.png'">
        <img alt="" src="Images/home.png" name="Home_Img" runat="server" />
    </a>

It is working well for all associated webforms in the root directory but not in the sub directory pages. any sugesstion would be respected.

Thnx in advance...

Solution

Put the URL's of your wrapped in the ResolveUrl like so:

<a runat="server" href="<%= this.ResolveUrl("home.htm") %>" onmouseover="document.Home_Img.src='<%= this.ResolveUrl("Images/home_2.png") %>'"
        onmouseout="document.Home_Img.src='<%= this.ResolveUrl("Images/home.png") %>'">
        <img alt="" src="Images/home.png" name="Home_Img" runat="server" />
    </a>