Foros del web, para los que viven de bits

Oren · 15-oct-2007, 14:58

Vereis, necesito hacer lo siguiente: a partir de un mapa del mundo, al pasar el raton por determinados paises hacer un enlace. Para esto lo que estaba haciendo es algo asi:

Código:

#spain a {
	margin-left: 695px;
	margin-top: 238px;
	width: 40px;
	height: 40px;
	border: 2px solid #000;
	display: block;
	float: none;
}

Y en el index.php:

Código:

<div id="spain"><a href="http://google.com"><span>spain</span></a></div>

Es decir, tal y como esta lo que habia pensado es definir una "caja" para cada pais (que lo abarque mas o menos todo, y que seria donde se podria pinchar para el enlace).

Ahora el problema: ¿como hago en css para poder poner varios paises (es decir, varios enlaces, o varias divs) y que puean estar alineados sin problemas? porque al haber dos paises uno al lado del otro lo que hago yo no funciona, y no se la propiedad css que estoy haciendo mal.

gracias.

kahlito · 15-oct-2007, 18:38

Hola Oren, en esta web encontrarás varios ejemplos, te paso dos:

http://www.cssplay.co.uk/menu/imagemap
http://www.cssplay.co.uk/menu/imap

caricatos · 16-oct-2007, 01:08

Hola:

Los mapas de imágenes sirven para eso... una imagen con el atributo usemap con el valor del mapa (etiqueta map) y dentro de esa etiqueta el conjunto de areas... con sus respectivos enlaces... si no te importa el uso de javascript, tengo está página: Creación de áreas en imágenes donde puedes ver el resultado, y a la vez crear los areas y sus enlaces (si no te interesa javascript, puedes quedarte solo con los áreas...)

Saludos

15-oct-2007, 14:58	#1 (permalink)
Oren Fecha de Ingreso: enero-2007 Mensajes: 63	poner enlaces "en un mapa"? Vereis, necesito hacer lo siguiente: a partir de un mapa del mundo, al pasar el raton por determinados paises hacer un enlace. Para esto lo que estaba haciendo es algo asi: Código: #spain a { margin-left: 695px; margin-top: 238px; width: 40px; height: 40px; border: 2px solid #000; display: block; float: none; } Y en el index.php: Código: <div id="spain"><a href="http://google.com"><span>spain</span></a></div> Es decir, tal y como esta lo que habia pensado es definir una "caja" para cada pais (que lo abarque mas o menos todo, y que seria donde se podria pinchar para el enlace). Ahora el problema: ¿como hago en css para poder poner varios paises (es decir, varios enlaces, o varias divs) y que puean estar alineados sin problemas? porque al haber dos paises uno al lado del otro lo que hago yo no funciona, y no se la propiedad css que estoy haciendo mal. gracias.

15-oct-2007, 18:38	#2 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.559	Re: poner enlaces "en un mapa"? Hola Oren, en esta web encontrarás varios ejemplos, te paso dos: http://www.cssplay.co.uk/menu/imagemap http://www.cssplay.co.uk/menu/imap __________________ Portafolio Diseño Web Freelance

16-oct-2007, 01:08	#3 (permalink)
caricatos Moderador Fecha de Ingreso: noviembre-2002 Ubicación: Torremolinos (Málaga) Mensajes: 12.434	Re: poner enlaces "en un mapa"? Hola: Los mapas de imágenes sirven para eso... una imagen con el atributo usemap con el valor del mapa (etiqueta map) y dentro de esa etiqueta el conjunto de areas... con sus respectivos enlaces... si no te importa el uso de javascript, tengo está página: Creación de áreas en imágenes donde puedes ver el resultado, y a la vez crear los areas y sus enlaces (si no te interesa javascript, puedes quedarte solo con los áreas...) Saludos __________________ Por favor: No hagan preguntas de temas de foros en mensajes privados... no las respondo

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado