Сделать только часть изображения горячей точкой

Question

У меня есть большое изображение, и я хочу, чтобы только его прямоугольная часть была горячей точкой с надписью "Главная". Вот мой код, который не работает. Любая помощь в том, что я пропустил или сделал неправильно? Спасибо!

<div id="defaultPic" runat="server">
        <img src="Images/boardwise-home.jpg" alt="Boardwise Home" usemap="#map"  />
        <map name="map" id="boardwise-home">
            <area shape="rect" coords="32,23,32,105,275,105,275,23" href="~/default.aspx" 
      title="Boardwise Home" alt="Home" />      
</map>

Answer 1

Ваш прямоугольник имеет слишком много координат.Должно быть только в верхнем слое x, y и в нижнем правом углу x, y (т.е. координаты = "32,23,32,105")

Answer 2

Вы пытаетесь переписать свой URL здесь с помощью '~', который вам понадобится, чтобы не использовать что-то вроде этого:

<area shape="rect" coords="32,23,275,105" href="<%= ResolveUrl("~/default.aspx")"  
  title="Home" alt="Home" />

Answer 3

Я думаю, что для shape=rect coords должно быть четыре значения, как, например, coords="32,23,32,105"