Problema con un mapa de imagenes

[hscnet]

Hola tengo un mapa de imágenes que está formado por varias áreas en forma de polígono. Cada una de estas áreas es un botón y a cada una ellas estoy intentando aplicar una clase que consiste en un estilo que modifica el aspecto del puntero del ratón, de manera que cada vez que se ponga el puntero del ratón encima éste cambie y se aprecie perfectamente que lo que hay ahí es un enlace.

De esta forma el código es el siguiente:

<area shape="poly" coords="4,1, 5,1, 6,1......" alt="Liquidaciones" class="cursor" onclick="mostrarTodas(1)"/>

En el código CSS tengo lo siguiente:

.cursor {
cursor: pointer;
}

Bueno, a ver si alguien me puede echar una manita. Porque para este CSS es como si la clase no existiera. Es curioso que, en cambio, el texto alternativo (alt="Liquidaciones") lo ve perfectamente.

Gracias y un saludo.

[nedrek]

Coloca lo siguiente en el CSS:

Código:

area.cursor

Dependiendo del navegador (dinos con cuales lo has probado, hay que tener muy en cuenta los selectores. De esta manera, si el area que quieres limitar al estilo cursor, está contenido en el div de id general, y así mismo en el div de id contenido:

Código:

div#general div#contenido area.cursor { }

A ver si así lo solucionas, si no, danos datos de navegadores que te den el problema. Un saludo.

[hscnet]

Vale, me acabo de dar cuenta que el problema lo da con IExplorer 7, con Firefox 2 no hay tal problema.

Ahora si que tengo un problemón, tengo que publicar para IE.

Sabéis alguna solución?

[nedrek]

Gracias por indicar el navegador.

El problema de Internet Explorer es que "no ve" aquellos enlaces que no llevan href!!
Maravillas de IE...


Usa el sigiuente código para usar el javascript:

Código HTML:

<area shape="poly" coords="4,1, 5,1, 6,1......" alt="Liquidaciones" class="cursor" href="javascript:mostrarTodas(1)" /> 

Creo que ya lo tienes...

Suerte.


Un Saludo.

[hscnet]

Ya funciona.

Muchas gracias.