I have the following navigation links
<li><a href="account">My Account</a></li>
<li><a href="ewallet/register">Register E-Wallet</a></li>
Both links refer to a page template which contains an img
element as follows
<img src="resources/images/tdyslogo.png" alt="logo" width="150px" border="0">
The issues:
- upon clicking the second link, the img element is resolving to wrong URL that is
/business/ewallet/resources/images/tdyslogo.png
thus image not loaded - when I tried to access other navigation links, the URL also resolving to wrong url
/business/ewallet/account
hence I get404
upon clicking
I tried to change my mvc:resources to <mvc:resources mapping="/resources/**" location="resources/" />
in order to map any URL containing resources
to the correct resources folder but no avail.
Based on Absolute vs relative URLs it seems like I need to use relative or absolute URL correctly. If this is correct, how can I fix it ?