Foros del Web » Creando para Internet » HTML »

Como quitar el borde al clickar en una Image Map en IE6

Estas en el tema de Como quitar el borde al clickar en una Image Map en IE6 en el foro de HTML en Foros del Web. Tengo una imagen como mapa. Cuando pulso en una de las areas en el IE6 me deja visible el borde del area clickable quedando bastante ...
  #1 (permalink)  
Antiguo 28/02/2008, 03:18
 
Fecha de Ingreso: febrero-2002
Mensajes: 20
Antigüedad: 15 años, 10 meses
Puntos: 0
Como quitar el borde al clickar en una Image Map en IE6

Tengo una imagen como mapa. Cuando pulso en una de las areas en el IE6 me deja visible el borde del area clickable quedando bastante feo.

En el Firefox no me pasa ni en el IE7...

No he conseguido eliminar el borde ni con CSS ni con Javascript... Por lo menos no he encontrado la solución...

¿Alguna idea?
__________________
MangaBlog - Como dibujar manga
  #2 (permalink)  
Antiguo 28/02/2008, 05:47
 
Fecha de Ingreso: febrero-2008
Mensajes: 62
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: Como quitar el borde al clickar en una Image Map en IE6

Has probado creando la siguiente clase CSS?

:focus {
outline: 0;
}

Aunque bueno, si realmente fuese el :focus, deberia salir en FF tambien. Prueba y nos avisas.
  #3 (permalink)  
Antiguo 28/02/2008, 08:56
 
Fecha de Ingreso: febrero-2002
Mensajes: 20
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Como quitar el borde al clickar en una Image Map en IE6

Gracias por la respuesta

He añadido este estilo tanto a la imagen que hace de mapa como en la etiqueta map y area...

No da resultado.

¿Dónde debería colorcarla?

El que se vea el contorno del area pulsada es bastante molesto y anti estético en el internet explorer 6.
__________________
MangaBlog - Como dibujar manga
  #4 (permalink)  
Antiguo 28/02/2008, 10:10
 
Fecha de Ingreso: febrero-2008
Mensajes: 62
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: Como quitar el borde al clickar en una Image Map en IE6

Solo colocala en tu archivo CSS. No es necesario que la apliques a algun elemento (map o area).
Nada mas pegala asi como esta.
  #5 (permalink)  
Antiguo 29/02/2008, 02:15
 
Fecha de Ingreso: febrero-2002
Mensajes: 20
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Como quitar el borde al clickar en una Image Map en IE6

Pues sigue saliendo el borde en el IE6, pero gracias por la respuesta.

¿alguna idea más?
__________________
MangaBlog - Como dibujar manga
  #6 (permalink)  
Antiguo 29/02/2008, 03:16
Avatar de kaninox  
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.591
Antigüedad: 12 años, 3 meses
Puntos: 49
Re: Como quitar el borde al clickar en una Image Map en IE6

no le pida peras al olmo todos sabemos que IE recien en su version 7 respeta ALGUNAS normas...

no se si habra algun hack para lograr dicho efecto en IE6 lo dudo...
__________________
Gokuh Salvo al mundo. PUNTO!!!!
  #7 (permalink)  
Antiguo 29/02/2008, 03:59
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Como quitar el borde al clickar en una Image Map en IE6

y si pruebas con img{border:0;}?
__________________
No diseñes usando tablas.
  #8 (permalink)  
Antiguo 29/02/2008, 04:16
 
Fecha de Ingreso: febrero-2002
Mensajes: 20
Antigüedad: 15 años, 10 meses
Puntos: 0
Re: Como quitar el borde al clickar en una Image Map en IE6

La imagen la tengo con border:0 pero el problema no viene de esta imagen sino cuando pulsas en el area que he definido dentro del tag <area>.

Cuando pulso hago visible un div y el area pulsada se queda maracada con un borde bastante antiestético.

Esto solo me pasa en el IE6. En el FF, IE7, Opera9 no sucede.
__________________
MangaBlog - Como dibujar manga
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 21:54.