[Ovillo] Reemplazo de texto por imágenes en IE

2006-11-22 Por tema Enrique Rodriguez
Buenas a todos.

En el trabajo esta mañana nos hemos encontrado con una desagradable
sorpresa.

Normalmente para el reemplazo de texto por imágenes, utilizo la siguiente
técnica:

Marcado
a href=http://www.google.es; title=enlace a google
class=googleLinkEnlace a Google/a

CSS
.googleLink {
  display: block;
  width: 150px;
  height: 25px;
  background: url(googleBtn.gif) 0 0 no-repeat;
  text-indent: -px;
}

Hasta aquí todo perfecto, pero en IE al pasar el ratón sobre el enlace, éste
parpadea, con el consiguiente descontento de diseñador y cliente. He
intentado solucionarlo de mil maneras diferentes, entre ellas esta
http://www.fivesevensix.com/studies/ie6flicker/ que parece tener gran
aceptación, pero o yo estoy haciendo algo mal, o no me valen esos ejemplos.

¿Alguien sabe como evitar eficientemente el parpadeo en enlaces que llevan
el texto sustituido por una imagen con CSS?.

P.S: Hay una solución consistente en tocar el .htaccess pero esta no me
vale, ya que en este caso no puedo tocar ese archivo del servidor.

-- 
Enrique Rodriguez Vallejo
http://ervdesign.net | [EMAIL PROTECTED]
Tlfno: 667 237 770
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Reemplazo de texto por imágenes en IE

2006-11-22 Por tema Christian Roque Geldres
Hola, no tendrás definido algo para el a:hover que de repente interfiera
con tu reemplazo, otra cosa que de repente podrías añadirle es un
text-decoration:none, ya que cuando yo reemplazaba textos de esa manera
siempre quedaba el subrayado de los enlaces que se iba al infinito.

Saludos

Christian Roque Geldres


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Enrique Rodriguez
Enviado el: miércoles, 22 de noviembre de 2006 09:41
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] Reemplazo de texto por imágenes en IE

Buenas a todos.

En el trabajo esta mañana nos hemos encontrado con una desagradable
sorpresa.

Normalmente para el reemplazo de texto por imágenes, utilizo la siguiente
técnica:

Marcado
a href=http://www.google.es; title=enlace a google
class=googleLinkEnlace a Google/a

CSS
.googleLink {
  display: block;
  width: 150px;
  height: 25px;
  background: url(googleBtn.gif) 0 0 no-repeat;
  text-indent: -px;
}

Hasta aquí todo perfecto, pero en IE al pasar el ratón sobre el enlace, éste
parpadea, con el consiguiente descontento de diseñador y cliente. He
intentado solucionarlo de mil maneras diferentes, entre ellas esta
http://www.fivesevensix.com/studies/ie6flicker/ que parece tener gran
aceptación, pero o yo estoy haciendo algo mal, o no me valen esos ejemplos.

¿Alguien sabe como evitar eficientemente el parpadeo en enlaces que llevan
el texto sustituido por una imagen con CSS?.

P.S: Hay una solución consistente en tocar el .htaccess pero esta no me
vale, ya que en este caso no puedo tocar ese archivo del servidor.

-- 
Enrique Rodriguez Vallejo
http://ervdesign.net | [EMAIL PROTECTED]
Tlfno: 667 237 770
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo