image map

dentro de una imagen, hacer cosas encima de unas imagenes q estan en la imagen (redireccionar).

subir una imagen
ir a codigo html, quitamos href y dentro del img encontramos el ancho y un numero y el alto y un numero. dentro del img agregamos (usemap="#mimapa")
al final de todo ponemos el simbolo menor y <map name="mimapakoalita" y luego cerramos la etiqueta de map poniendo (</map>) QUEDARIA ASÍ:
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmkRSslN-SPPaomL517Z8BESDWpBypnexoB-VeHSpUxogktN-mZ6ej9-na4uf_bj_auMMIAMLtsg2C5WMjCX5XT3ACPunESvfPoW4Jh-5JD_wOn6egOOoxudVl2tsFXjtDuPRH3eqIc0/s640/Koala.jpg" usemap="#mimapakoalita" width="640" /></div>
<br />

luego ponemos: EN RESUMEN ESTO ES TODO LO QUE QUEDA:
<map name="mimapakoalita"> <area coords="320,240,40" href="http://www.usc.es" shape="circle"></area></map>

JUNTANDO TODO, QUEDARÍA ASÍ:

<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmkRSslN-SPPaomL517Z8BESDWpBypnexoB-VeHSpUxogktN-mZ6ej9-na4uf_bj_auMMIAMLtsg2C5WMjCX5XT3ACPunESvfPoW4Jh-5JD_wOn6egOOoxudVl2tsFXjtDuPRH3eqIc0/s640/Koala.jpg" usemap="#mimapakoalita" width="640" /></div>
<br />
<map name="mimapakoalita"> <area coords="320,240,40" href="http://www.usc.es" shape="circle"></area></map>