Foros del Web » Creando para Internet » CSS »

Problema con un mapa de imagenes

Estas en el tema de Problema con un mapa de imagenes en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/05/2008, 05:08
 
Fecha de Ingreso: diciembre-2003
Mensajes: 83
Antigüedad: 14 años
Puntos: 0
Problema con un mapa de imagenes

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:
Cita:
<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:
Cita:
.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.
__________________
Si quieres, puedes leer mi blog.

Aquí tienes la dirección:
Blog: http://www.google.com/reader/shared/...26498618720899
  #2 (permalink)  
Antiguo 06/05/2008, 05:14
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 8 meses
Puntos: 5
Re: Problema con un mapa de imagenes

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.
  #3 (permalink)  
Antiguo 06/05/2008, 05:16
 
Fecha de Ingreso: diciembre-2003
Mensajes: 83
Antigüedad: 14 años
Puntos: 0
Re: Problema con un mapa de imagenes

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?
__________________
Si quieres, puedes leer mi blog.

Aquí tienes la dirección:
Blog: http://www.google.com/reader/shared/...26498618720899
  #4 (permalink)  
Antiguo 06/05/2008, 05:23
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 8 meses
Puntos: 5
Re: Problema con un mapa de imagenes

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.
  #5 (permalink)  
Antiguo 06/05/2008, 06:11
 
Fecha de Ingreso: diciembre-2003
Mensajes: 83
Antigüedad: 14 años
Puntos: 0
Re: Problema con un mapa de imagenes

Ya funciona.

Muchas gracias.
__________________
Si quieres, puedes leer mi blog.

Aquí tienes la dirección:
Blog: http://www.google.com/reader/shared/...26498618720899
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 09:03.