Foros del Web » Creando para Internet » HTML »

etiqueta map

Estas en el tema de etiqueta map en el foro de HTML en Foros del Web. Buenas, Estoy escribiendo una pagina en html y usando la etiqueta map para delimitar una imagen y sacar de ella varios enlaces he encontrado un ...
  #1 (permalink)  
Antiguo 02/06/2011, 16:37
 
Fecha de Ingreso: noviembre-2009
Mensajes: 7
Antigüedad: 7 años, 4 meses
Puntos: 0
etiqueta map

Buenas, Estoy escribiendo una pagina en html y usando la etiqueta map para delimitar una imagen y sacar de ella varios enlaces he encontrado un error que no se solucionar, el problema es que funciona pero solo en chrome ni en firefox ni en IE funciona el código, no se si porque quizas esta etiqueta esta obsoleta o porque me estoy equivocando en algo, hay va el código:

Código:
<map name="mapa_redes">
    <area shape="rect" coords="1,1,268,73" href="http://twitter.com/" target="http://twitter.com/"  alt="twitter">
    <area shape="rect" coords="1,74, 269, 159" href="http://tuenti.com" target="http://tuenti.com/" alt="tuenti">
    <area shape="rect" coords="1, 160, 269, 231" href="http://facebook.com" target="http://facebook.com" alt="facebook">
</map>
			
<img src="imagenes/redes_sociales.jpg" usemap="mapa_redes"></img>
Muchas gracias de antemano.

PD: si lo necesitáis subo la imagen, Saludos.
  #2 (permalink)  
Antiguo 02/06/2011, 16:42
Avatar de Potro  
Fecha de Ingreso: abril-2001
Mensajes: 2.249
Antigüedad: 15 años, 11 meses
Puntos: 39
Respuesta: etiqueta map

Pues que yo sepa este codigo tan antiguo aun jala en IE8 y fire fox 3 no se si en IE9 y firefox 4 aun siga jalando... puedes revisar tus cordenadas puede que esten mal y por eso provoca el error, tanto en ie8 o 9 y fire fox 3 o 4 tienes herramientas para detectar si la pagina tiene errores, firebug en rirefox...
__________________
Paginación en FLASH,

http://www.forosdelweb.com/f62/pagin...o-aqui-540241/
  #3 (permalink)  
Antiguo 02/06/2011, 17:11
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.516
Antigüedad: 14 años, 11 meses
Puntos: 1238
Respuesta: etiqueta map

Hola:

Los mapas tienen la misma vigencia de siempre... pero en tu código tienes mal los "target"s

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 02/06/2011, 19:44
Avatar de solhdeck  
Fecha de Ingreso: junio-2011
Mensajes: 87
Antigüedad: 5 años, 9 meses
Puntos: 32
Respuesta: etiqueta map

Cuando en la imagen llamas al mapa, ponle un # delante (no tienes que cambiar el nombre del mapa, solo la forma de llamarlo)

Código HTML:
<img src="imagenes/redes_sociales.jpg" usemap="#mapa_redes" /> 
  #5 (permalink)  
Antiguo 03/06/2011, 06:05
 
Fecha de Ingreso: noviembre-2009
Mensajes: 7
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: etiqueta map

Cita:
Iniciado por solhdeck Ver Mensaje
Cuando en la imagen llamas al mapa, ponle un # delante (no tienes que cambiar el nombre del mapa, solo la forma de llamarlo)

Código HTML:
<img src="imagenes/redes_sociales.jpg" usemap="#mapa_redes" /> 
Exacto justo era eso lo que me faltaba, ya funciona en todos los navegadores muchas gracias a todos por vuestra ayuda.
  #6 (permalink)  
Antiguo 04/06/2011, 12:29
Avatar de Hurieta  
Fecha de Ingreso: enero-2011
Mensajes: 27
Antigüedad: 6 años, 1 mes
Puntos: 2
Respuesta: etiqueta map

otra error mas que tenes es que en la etiqueta target tenes que poner "no" quedandote asi

Código HTML:
Ver original
  1. <map name="mapa_redes">
  2.     <area shape="rect" coords="1,1,268,73" href="http://twitter.com/" target="no"  alt="twitter">
  3.     <area shape="rect" coords="1,74, 269, 159" href="http://tuenti.com" target="no" alt="tuenti">
  4.     <area shape="rect" coords="1, 160, 269, 231" href="http://facebook.com" target="no" alt="facebook">
  5. </map>
  6.            
  7. <img src="imagenes/redes_sociales.jpg" usemap="mapa_redes"></img>

No se que defectos puede causar en tu web pero es un error y lo tenes que solucionar

Última edición por Hurieta; 04/06/2011 a las 12:30 Razón: me equivoque en el codigo
  #7 (permalink)  
Antiguo 04/06/2011, 18:24
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.516
Antigüedad: 14 años, 11 meses
Puntos: 1238
Respuesta: etiqueta map

Cita:
Iniciado por Hurieta Ver Mensaje
otra error mas que tenes es que en la etiqueta target tenes que poner "no" quedandote asi

Código HTML:
Ver original
  1. <map name="mapa_redes">
  2.     <area shape="rect" coords="1,1,268,73" href="http://twitter.com/" target="no"  alt="twitter">
  3.     <area shape="rect" coords="1,74, 269, 159" href="http://tuenti.com" target="no" alt="tuenti">
  4.     <area shape="rect" coords="1, 160, 269, 231" href="http://facebook.com" target="no" alt="facebook">
  5. </map>
  6.            
  7. <img src="imagenes/redes_sociales.jpg" usemap="mapa_redes"></img>

No se que defectos puede causar en tu web pero es un error y lo tenes que solucionar
Bueno, también vale:

target="si"

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

Etiquetas: etiqueta, map
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 17:56.