Foros del Web » Creando para Internet » HTML »

Mapa de imagenes con cordenadas relativas

Estas en el tema de Mapa de imagenes con cordenadas relativas en el foro de HTML en Foros del Web. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < style type = "text/css" >         img {             width: ...
  #1 (permalink)  
Antiguo 23/08/2012, 11:43
Avatar de ger84  
Fecha de Ingreso: julio-2012
Mensajes: 75
Antigüedad: 6 años, 4 meses
Puntos: 13
Mapa de imagenes con cordenadas relativas

Código HTML:
Ver original
  1. <style type="text/css">
  2.         img {
  3.             width: 100%;
  4.             height: 100%;
  5.         }
  6.     </style>
  7. </head>
  8.     <img src="image/miimagen.jpg" usemap="#map">
  9.     <map name="map">
  10.         <area alt="Contact: [email protected]" shape="RECT" coords="50,800,450,900" href='mailto:[email protected]'>
  11.     </map>
  12. </body>
  13. </html>

Esto funciona bien sino achico el navegador, como verán la imagen es relativa con css pero las coordenadas son fijas, habrá una forma de que las coordenadas sean relativas (porcentuales)?
  #2 (permalink)  
Antiguo 23/08/2012, 21:11
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.563
Antigüedad: 16 años, 8 meses
Puntos: 1266
Respuesta: Mapa de imagenes con cordenadas relativas

Hola:

Una alternativa que se me ocurre es que en vez de un mapa usas un svg... Cada vez tiene mejor soporte por los navegadores, y los links serían xlink...: SVG: Mapa de España.

Para el tamaño porcentual debes usar el atributo viewbox (en el apunte sobre "estrellas svg" hay algo al respecto).

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: css, imagenes, mapa, relativas, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:47.