Cómo hacer que una sección de una imagen sea un enlace pulsable.
Tengo un banner en la página web, y en la parte de la imagen hay un gráfico de un cuadro de botones. ¿Cómo hago solo la parte donde el botón es un enlace que se puede hacer clic, como un href? Puedes ver una imagen de muestra abajo.
En la imagen del banner hay un gráfico del botón "Únete ahora, es gratis". Quiero agregar un enlace en este cuadro, de modo que cuando los usuarios hagan clic en este cuadro del banner, se abrirá la página siguiente. Quiero saber cómo puedo agregar un enlace solo en este botón. No quiero añadir el<button> etiquetarlo Solo quiero agregar un enlace basado en el área del gráfico del botón "Únase ahora, es gratis". Cualquiera tiene alguna idea sobre cómo puedo agregar un enlace en esta parte del área de la imagen sin usar el<button> etiqueta.
<div class="flexslider">
<ul class="slides" runat="server" id="Ul">
<li class="flex-active-slide" style="background: url("images/slider-bg-1.jpg") no-repeat scroll 50% 0px transparent; width: 100%; float: left; margin-right: -100%; position: relative; display: list-item;">
<div class="container">
<div class="sixteen columns contain"></div>
<img runat="server" id="imgSlide1" style="top: 1px; right:
-19px; opacity: 1;" class="item"
src="images/slider1.png" data-topimage="7%">
<a href="#" style="display:block; background:#00F; width:356px; height:66px; position:absolute; left:1px; top:-19px; left: 162px; top: 279px;"></a>
</div>
</li>
</ul>
</div>
<ul class="flex-direction-nav">
<li><a class="flex-prev" href="#"><i class="icon-angle-left"></i></a></li>
<li><a class="flex-next" href="#"><i class="icon-angle-right"></i></a></li>
</ul>
</div>
Gracias