Foros del Web » Creando para Internet » HTML »

Img , map, responsive

Estas en el tema de Img , map, responsive en el foro de HTML en Foros del Web. Hola Necesito poner un menu dentro de una imagen. Habia pensado en usar una imagen mapeada. Esto es posible? Puedo crear un menu denro de ...
  #1 (permalink)  
Antiguo 04/02/2015, 10:52
 
Fecha de Ingreso: junio-2007
Mensajes: 380
Antigüedad: 16 años, 9 meses
Puntos: 0
Img , map, responsive

Hola
Necesito poner un menu dentro de una imagen. Habia pensado en usar una imagen mapeada. Esto es posible? Puedo crear un menu denro de una imagen usando map? Esto es responsive design o no?

¿Puedo dar al área el formato que yo quiera?
  #2 (permalink)  
Antiguo 04/02/2015, 10:54
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Img , map, responsive

No, no es responsive, y es poco accesible.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 04/02/2015, 10:54
 
Fecha de Ingreso: junio-2007
Mensajes: 380
Antigüedad: 16 años, 9 meses
Puntos: 0
Respuesta: Img , map, responsive

Alguna idea? Uso joomls como gestor de contenidos.
  #4 (permalink)  
Antiguo 04/02/2015, 10:56
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 16 años
Puntos: 1329
Respuesta: Img , map, responsive

Usa algo semántico, HTML.

No sé por que tendrías que usar una imagen, no he visto un caso que sea lo suficientemente complejo para usar una imagen (salvo formas muy extrañas para los elementos del menú).

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 07/02/2015, 03:50
Avatar de Tecna  
Fecha de Ingreso: enero-2010
Mensajes: 291
Antigüedad: 14 años, 2 meses
Puntos: 45
Respuesta: Img , map, responsive

Buenas.

Se podría hacer accesible y responsive pero a base de más trabajo. Para que fuera accesible habría que incluir como primera opción una lista con el menú en el código html, que sería la que se mostraría en el caso de que no estuviera disponible la imagen o estuviera desactivado javascript, y esa lista se sustituiría por el mapa de imagen mediante javascript si la carga de la imagen se realiza con éxito. Y responsive puede ser puesto que es una imagen y se puede escalar en función de las reglas de los media query. Las coordenadas deben ser relativas al tamaño de la imagen.

Aunque como ya han dicho debe ser un caso complejo que justifique el tener que invertir más trabajo, como por ejemplo este menú de globos
__________________
tecnawebs.es Diseño web y programación - Modelado 3D.

google plus
  #6 (permalink)  
Antiguo 07/02/2015, 17:10
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 21 años, 11 meses
Puntos: 1284
Respuesta: Img , map, responsive

Hola:

No tengo claro qué quieres decir por responsive, pero un mapa al menos es soportado por todos los navegadores (y aún los más viejos)... Si te refieres a adaptable a distintas resoluciones, el formato svg tal vez sea la idea...

Un ejemplo: Mapas interactivos svg

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 28/02/2015, 05:21
 
Fecha de Ingreso: junio-2007
Mensajes: 380
Antigüedad: 16 años, 9 meses
Puntos: 0
Respuesta: Img , map, responsive

Creo que mi idea no es valida. yo quiereo que el menu se muestre encima del mapa y no cuando se pulsa y esto creo que no es posible no? El hacer un mapa de una imagen hace que no se muestre el menu.

Etiquetas: img, map, responsive
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 07:15.