Foros del Web - poner enlaces "en un mapa"?

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - poner enlaces "en un mapa"? (http://www.forosdelweb.com/f53/poner-enlaces-mapa-526120/)

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.

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

:adios:

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 :arriba: