how do i have links to root controllers in site.master in asp.net mvc

Question

in my site.master file, i have the following code:

<map name="indexMap">
  <area shape="rect" coords="3,9,59,24" href= "Home">
  <area shape="rect" coords="73,8,146,24" href="CourseBio">
  <area shape="rect" coords="168,8,235,24" href="ProShop">
  <area shape="rect" coords="257,7,336,24" href="ScoreCard">
  <area shape="rect" coords="358,8,480,28" href="OutingsandEvents">
  <area shape="rect" coords="502,7,573,27" href="Members">
  <area shape="rect" coords="589,8,666,28" href="Directions">
  <area shape="rect" coords="690,9,767,25" href="ContactUs">
</map>

Which works fine if i am at:

http://mysite.com/Home

but when i am at:

http://mysite.com/Home/Welcome

and i click on one of these links, it goes to:

http://mysite.com/Home/ProShop

instead of what i want, which is:

http://mysite.com/ProShop

how can i have links in the site.master that always go to controllers in the root location?

Answer 1

Use Url.Content helper:

<area href="<%= Url.Content("~/ProShop") %>" shape="rect" coords="168,8,235,24">

or Url.RouteUrl:

<area href="<%= Url.RouteUrl(new { controller = "ProShop" }) %>" shape="rect" coords="168,8,235,24">