[Ovillo] borde negro en IE sobre inputs de form
Me he dado cuenta que en IE 7 y Opera 9.5 cuando a un input type=submit o button se le aplica una imagen de fondo, aparece un borde negro de 1px alrededor del botón. Lo curioso es que el borde aparece no sólo cuando el focus se encuentra no sólo sobre él, sino sobre cualquier input del formulario. podeis probar el siguiente código en IE 7 y ver cómo aparece el borde negro. http://pastebin.com/m3ca933c5 Sólo ocurre cuando tiene una imagen de fondo. Al quitarsela desaparece el extraño borde. He investigado un poco, y un posible solución es NO darle una imagen de fondo al botón, sino aplicar la imagen de fondo a un span que contenga el botón, como en este ejemplo: http://pastebin.com/m32dfe5ab Si comprobais este último ejemplo, el borde negro ya no aparece. Pero claro, ya no me parece un código tan limpio, y tienes que añadir más código CSS para conseguir el mismo efecto... ¿os ha surgido alguna vez este problema? gracias de antemano sebas ___ 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] borde negro en IE sobre inputs de form
No probaste con darle border:none; al input o al button? Yo uso fondos en botones y no tengo problemas. Y por favor de ahora en adelante a varios, si pueden dejar una URL de su ejemplo funcionando es mejor. Porque la verdad que dudo que alguien se tome el trabajo de hacer 1 nuevo html copiando su codigo y probandolo localmente. Seamos más prácticos a la hora de pedir ayuda al resto, y recibiremos respuestas más rápidas. Lo digo en general. Sebastian no es el unico que deja su codigo en alguna web, ya hay varios. Nacho. 2009/1/26 sebastian garcia-valenciano sebast...@garcia-valenciano.net Me he dado cuenta que en IE 7 y Opera 9.5 cuando a un input type=submit o button se le aplica una imagen de fondo, aparece un borde negro de 1px alrededor del botón. Lo curioso es que el borde aparece no sólo cuando el focus se encuentra no sólo sobre él, sino sobre cualquier input del formulario. podeis probar el siguiente código en IE 7 y ver cómo aparece el borde negro. http://pastebin.com/m3ca933c5 Sólo ocurre cuando tiene una imagen de fondo. Al quitarsela desaparece el extraño borde. He investigado un poco, y un posible solución es NO darle una imagen de fondo al botón, sino aplicar la imagen de fondo a un span que contenga el botón, como en este ejemplo: http://pastebin.com/m32dfe5ab Si comprobais este último ejemplo, el borde negro ya no aparece. Pero claro, ya no me parece un código tan limpio, y tienes que añadir más código CSS para conseguir el mismo efecto... ¿os ha surgido alguna vez este problema? gracias de antemano sebas ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.com ___ 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] borde negro en IE sobre inputs de form
No probaste con darle border:none; al input o al button? Yo uso fondos en botones y no tengo problemas. Y por favor de ahora en adelante a varios, si pueden dejar una URL de su ejemplo funcionando es mejor. Además de una imagen de fondo, quiero tener un borde, por eso no puedo usar border:none; Tienes mucha razón, si que preparé las urls funcionando pero no las adjunté, aqui van: Botón con el border sospechoso: http://www.desenredate.com/ovillo/input.html Posible solución, envolviendo el botón en un span: http://www.desenredate.com/ovillo/span.html verlo en IE 7 para ver los efectos. gracias ___ 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] borde negro en IE sobre inputs de form
Mira estuve probando un rato y por lo visto la solución que encontraste es un 'workaround' correcto para el problema. La verdad que nunca había tenido este problema antes. Después voy a seguir chusmeando a ver si encuentro algo. Nacho 2009/1/26 sebastian garcia-valenciano sebast...@garcia-valenciano.net No probaste con darle border:none; al input o al button? Yo uso fondos en botones y no tengo problemas. Y por favor de ahora en adelante a varios, si pueden dejar una URL de su ejemplo funcionando es mejor. Además de una imagen de fondo, quiero tener un borde, por eso no puedo usar border:none; Tienes mucha razón, si que preparé las urls funcionando pero no las adjunté, aqui van: Botón con el border sospechoso: http://www.desenredate.com/ovillo/input.html Posible solución, envolviendo el botón en un span: http://www.desenredate.com/ovillo/span.html verlo en IE 7 para ver los efectos. gracias ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.com ___ 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
