Img , map, responsive

[borjagat]

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?

[Carlangueitor]

No, no es responsive, y es poco accesible.

Saludos

[borjagat]

Alguna idea? Uso joomls como gestor de contenidos.

[Carlangueitor]

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

[Tecna]

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

[caricatos]

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

[borjagat]

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.