Re: [Ovillo] Cosita rara con botones input
¿porque no ocultais el boton completamente, y poneis en su lugar un img? Más sencillo y correcto es emplear un simple enlace a href= al que por CSS le aplicamos borde, imagen de fondo etc. y con onclick la funcionalidad, ya que en este caso Explorer no falla. El problema de la imagen es que si desactivas imágenes o css en el navegador el botón desaparece y si ampliamos el tamaño del texto el botón no se amplía. Así que para resolver un pequeño problema estético de un navegador creamos otros problemas. En mis pruebas el bug aparece en los input type=button, type=reset y type=submit también en la etiqueta (desaconsejada) button aparece este molesto bug, pero no en el input type=image ni en el type=file Y lo curioso (quizá ahí esté la lógica y origen del bug) es que si haces focus en los imput problemáticos el borde desaparece y se traslada al exterior con color negro de resalte. En esta página [1] se puede ver muy bien el problema para el que aún tenga curiosidad: They now look pretty similar, but IE puts a white border inside the CSS border. It's hidden when the button is focused. Opera still shows focus with a thin dark border (no dotted frame). The good news is that the colors and the sizes are the same. Let's see if we can get rid of the white border in IE by removing the background-image En fin, para mí el tema está cerrado, que ya hemos perdido demasiado tiempo por cierto navegador. Como dice Javier lo mejor es buscar una solución de compromiso y a esperar a IE8 [1] http://carpe.ambiprospect.com/buttons/formbuttons.htm ___ 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] Cosita rara con botones input
Efectivamente, lo damos por cerrado. El problema que tenia en mi caso es que le he dado diseño a una plataforma de formación (Moodle) y cuando quería darle diseño a estos input me encontré con ese problemilla, y claro, no puedo cambiar esos input por enlaces a porque me volvería loco. Pasaré de ponerle una imagen de fondo y punto. Muchas gracias Jose Antonio por la URL Alvarez Laurnaga, Jose Antonio escribió: ¿porque no ocultais el boton completamente, y poneis en su lugar un img? Más sencillo y correcto es emplear un simple enlace a href= al que por CSS le aplicamos borde, imagen de fondo etc. y con onclick la funcionalidad, ya que en este caso Explorer no falla. El problema de la imagen es que si desactivas imágenes o css en el navegador el botón desaparece y si ampliamos el tamaño del texto el botón no se amplía. Así que para resolver un pequeño problema estético de un navegador creamos otros problemas. En mis pruebas el bug aparece en los input type=button, type=reset y type=submit también en la etiqueta (desaconsejada) button aparece este molesto bug, pero no en el input type=image ni en el type=file Y lo curioso (quizá ahí esté la lógica y origen del bug) es que si haces focus en los imput problemáticos el borde desaparece y se traslada al exterior con color negro de resalte. En esta página [1] se puede ver muy bien el problema para el que aún tenga curiosidad: They now look pretty similar, but IE puts a white border inside the CSS border. It's hidden when the button is focused. Opera still shows focus with a thin dark border (no dotted frame). The good news is that the colors and the sizes are the same. Let's see if we can get rid of the white border in IE by removing the background-image En fin, para mí el tema está cerrado, que ya hemos perdido demasiado tiempo por cierto navegador. Como dice Javier lo mejor es buscar una solución de compromiso y a esperar a IE8 [1] http://carpe.ambiprospect.com/buttons/formbuttons.htm ___ 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 __ Information from ESET NOD32 Antivirus, version of virus signature database 2938 (20080311) __ The message was checked by ESET NOD32 Antivirus. http://www.eset.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] Cosita rara con botones input
Repito mi respuesta al siguiente problema: Estoy teniendo un problema con los botones de formulario input cuando les pongo una imagen de fondo. Confirmo que IE7 e inferiores (¿lo arreglará IE8?) dejan ese molesto borde de 1px. En su día, cuando me topé con este bug, recuerdo que probé varias cosas (incluso márgenes negativos, type button etc.) sin conseguir resolverlo. Es más envié un correo a la lista y nada. Si puedes usa un simple enlace, sino haz como yo: pasa de IE ¡que sus fallos canten! ___ 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] Cosita rara con botones input
Gracias Benjamin, pero No entiendo lo del ancho y alto de la imagen.. no se puede poner tamaño a la imagen de fondo no? ¿O te refieres al propio input? Benjamin Nava escribió: Hola, Es posible que sea por no haber definido el ancho y alto exactos de la imagen. No se si te solucionara algo pero a mi en alguna ocasion me ocurrio algo parecido por no poner las medidas. Saludos Date: Wed, 12 Mar 2008 22:35:37 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Cosita rara con botones input No sé si os llegó bien el mensaje, por si acaso os lo mando de nuevo. Gracias por la ayuda Hola amigos: Estoy teniendo un problema con los botones de formulario input cuando les pongo una imagen de fondo. En la URL siguiente os he puesto el ejemplo para que podais ver la diferencia entre FF y IE7/IE6 http://www.tapry.com/error_input/input.html Tambien, aparte de la imagen de fondo, le he puesto un color rojo de fondo para que se vea el error y un borde de 5px negro. En FF, como siempre sale bien, pero en los Explorercomoosquiero sale un pixel de padding o similar donde se puede ver el color rojo que tiene de fondo ¿sabeis a que es esto debido? ¿hay solución? ¿por qué deja ese pixel interior que no lo quiero para nada? A ver si ya os ha pasado antes y me podeis solucionar este problema Muchas 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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 __ Information from ESET NOD32 Antivirus, version of virus signature database 2938 (20080311) __ The message was checked by ESET NOD32 Antivirus. http://www.eset.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] Cosita rara con botones input
Me referia en tu hoja de estilos añadiro el ancho (width) y alto (height) con
el tamaño en pixeles deseado de esta manera:
input { color: #fff; background-color: #f00 !important; border: 5px solid #000
!important; background-image: url(fondo_botones.png); width: Xpx; height: Xpx;
background-repeat: repeat-x; background-position: top; padding: 10px;}
Prueba a ver si esto te soluciona algo.
Date: Thu, 13 Mar 2008 10:02:14 +0100 From: [EMAIL PROTECTED] To:
ovillo@lists.ovillo.org Subject: Re: [Ovillo] Cosita rara con botones input
Gracias Benjamin, pero No entiendo lo del ancho y alto de la
imagen.. no se puede poner tamaño a la imagen de fondo no? ¿O te
refieres al propio input? Benjamin Nava escribió: Hola, Es posible que
sea por no haber definido el ancho y alto exactos de la imagen. No se si
te solucionara algo pero a mi en alguna ocasion me ocurrio algo parecido por
no poner las medidas. Saludos Date: Wed, 12 Mar 2008 22:35:37 +0100
From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo]
Cosita rara con botones input No sé si os llegó bien el mensaje, por si
acaso os lo mando de nuevo. Gracias por la ayuda Hola amigos: Estoy
teniendo un problema con los botones de formulario input cuando les pongo
una imagen de fondo. En la URL siguiente os he puesto el ejemplo para que
podais ver la diferencia entre FF y IE7/IE6
http://www.tapry.com/error_input/input.html Tambien, aparte de la imagen
de fondo, le he puesto un color rojo de fondo para que se vea el error y un
borde de 5px negro. En FF, como siempre sale bien, pero en los
Explorercomoosquiero sale un pixel de padding o similar donde se puede ver
el color rojo que tiene de fondo ¿sabeis a que es esto debido? ¿hay
solución? ¿por qué deja ese pixel interior que no lo quiero para nada? A
ver si ya os ha pasado antes y me podeis solucionar este problema Muchas
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
_ MSN
Noticias http://noticias.msn.es/comunidad.aspx
___ 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
__ Information from ESET NOD32 Antivirus, version of virus signature
database 2938 (20080311) __ The message was checked by ESET
NOD32 Antivirus. http://www.eset.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
_
MSN Noticias
http://noticias.msn.es/comunidad.aspx
___
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] Cosita rara con botones input
Me referia en tu hoja de estilos añadiro el ancho (width) y alto (height)
con el
tamaño en pixeles deseado de esta manera:
input { color: #fff; background-color: #f00 !important; border: 5px solid
#000
!important; background-image: url(fondo_botones.png); width: Xpx; height:
Xpx;
background-repeat: repeat-x; background-position: top; padding: 10px;}
Nope, no es un problema de tamaño. Simplemente IE pone un borde de un pixel al
input type=submit e input type=button por dentro del borde CSS (si lo hay)
del mismo color que el background-color (default blanco).
Así que si ponemos por CSS una imagen de fondo al imput pues se nota ese borde
extra y si sólo empleamos background-color no es visible.
Como dije antes yo hasta ahora no he encontrado solución por más que he
buscado. Todo lo más se puede disimular poniendo un background-color semejante
a la tonalidad de la imagen de fondo del botón.
___
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] Cosita rara con botones input
MM, si no te entiendo mal, yo lo hice de esta manera:
.blogin {
color:#FFF;
background-color:Transparent;
font-size:12px;
padding-bottom:5px;
width:50px;
height:22px;
background-image: url(imagenes/boton.png);
border:none;
}
2008/3/13 Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED]:
Me referia en tu hoja de estilos añadiro el ancho (width) y alto (height)
con el
tamaño en pixeles deseado de esta manera:
input { color: #fff; background-color: #f00 !important; border: 5px
solid #000
!important; background-image: url(fondo_botones.png); width: Xpx; height:
Xpx;
background-repeat: repeat-x; background-position: top; padding: 10px;}
Nope, no es un problema de tamaño. Simplemente IE pone un borde de un pixel
al input type=submit e input type=button por dentro del borde CSS (si lo
hay) del mismo color que el background-color (default blanco).
Así que si ponemos por CSS una imagen de fondo al imput pues se nota ese
borde extra y si sólo empleamos background-color no es visible.
Como dije antes yo hasta ahora no he encontrado solución por más que he
buscado. Todo lo más se puede disimular poniendo un background-color
semejante a la tonalidad de la imagen de fondo del botón.
___
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
Re: [Ovillo] Cosita rara con botones input
MM, si no te entiendo mal, yo lo hice de esta manera:
.blogin {
color:#FFF;
background-color:Transparent;
font-size:12px;
padding-bottom:5px;
width:50px;
height:22px;
background-image: url(imagenes/boton.png);
border:none;
}
No, tiene que ser con un borde, no sirve (para este caso) el border:none;
Por cierto, me desdigo el problema sólo surge con background-image NO con
background-color.
Lo curioso (Javier y yo debemos ser unos manias 8-) es que no encuentro ninguna
referencia al respecto ni en http://www.positioniseverything.net ni en
http://www.quirksmode.org que son dos de los sitios que más se ocupan de bugs
de navegadores.
___
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] Cosita rara con botones input
2008/3/13 Javier Prieto [EMAIL PROTECTED]: Pues nada, Jose Antonio y al resto. Yo ya me he artado de buscar, así que la solución mas coherente es la de poner el background-color con un tono como la imagen de fondo o como la del borde, aunque parezca que en explorer hay un borde de 2 pixels. Si alguna vez alguien (yo incluído) encontramos alguna solución, no os olvideis de ponerla por aqui vale? Perdon si alguien lo ha propuesto antes, pero ¿porque no ocultais el boton completamente, y poneis en su lugar un img? Yo no lo haria, por no aumentar el riesgo de cosas que pueden salir mal, pero con algo se se podria meter a martillazos una solucion dentro del problema. ___ 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
[Ovillo] Cosita rara con botones input
Hola amigos: Estoy teniendo un problema con los botones de formulario input cuando les pongo una imagen de fondo. En la URL siguiente os he puesto el ejemplo para que podais ver la diferencia entre FF y IE7/IE6 http://www.tapry.com/error_input/input.html Tambien, aparte de la imagen de fondo, le he puesto un color rojo de fondo para que se vea el error y un borde de 5px negro. En FF, como siempre sale bien, pero en los Explorercomoosquiero sale un pixel de padding o similar donde se puede ver el color rojo que tiene de fondo ¿sabeis a que es esto debido? ¿hay solución? ¿por qué deja ese pixel interior que no lo quiero para nada? A ver si ya os ha pasado antes y me podeis solucionar este problema Muchas 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] Cosita rara con botones input
Perdon, creo que me perdi de algo, algun Ejemplo? 2008/3/12 Alvarez Laurnaga, Jose Antonio [EMAIL PROTECTED]: Estoy teniendo un problema con los botones de formulario input cuando les pongo una imagen de fondo. Confirmo que IE7 e inferiores (¿lo arreglará IE8?) dejan ese molesto borde de 1px. En su día, cuando me topé con este bug, recuerdo que probé varias cosas (incluso márgenes negativos, type button etc.) sin conseguir resolverlo. Es más envié un correo a la lista y nada. Si puedes usa un simple enlace, sino haz como yo: pasa de IE ¡que sus fallos canten! ___ 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
Re: [Ovillo] Cosita rara con botones input
No sé si os llegó bien el mensaje, por si acaso os lo mando de nuevo. Gracias por la ayuda Hola amigos: Estoy teniendo un problema con los botones de formulario input cuando les pongo una imagen de fondo. En la URL siguiente os he puesto el ejemplo para que podais ver la diferencia entre FF y IE7/IE6 http://www.tapry.com/error_input/input.html Tambien, aparte de la imagen de fondo, le he puesto un color rojo de fondo para que se vea el error y un borde de 5px negro. En FF, como siempre sale bien, pero en los Explorercomoosquiero sale un pixel de padding o similar donde se puede ver el color rojo que tiene de fondo ¿sabeis a que es esto debido? ¿hay solución? ¿por qué deja ese pixel interior que no lo quiero para nada? A ver si ya os ha pasado antes y me podeis solucionar este problema Muchas 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] Cosita rara con botones input
Hola, Es posible que sea por no haber definido el ancho y alto exactos de la imagen. No se si te solucionara algo pero a mi en alguna ocasion me ocurrio algo parecido por no poner las medidas. Saludos Date: Wed, 12 Mar 2008 22:35:37 +0100 From: [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Subject: Re: [Ovillo] Cosita rara con botones input No sé si os llegó bien el mensaje, por si acaso os lo mando de nuevo. Gracias por la ayuda Hola amigos: Estoy teniendo un problema con los botones de formulario input cuando les pongo una imagen de fondo. En la URL siguiente os he puesto el ejemplo para que podais ver la diferencia entre FF y IE7/IE6 http://www.tapry.com/error_input/input.html Tambien, aparte de la imagen de fondo, le he puesto un color rojo de fondo para que se vea el error y un borde de 5px negro. En FF, como siempre sale bien, pero en los Explorercomoosquiero sale un pixel de padding o similar donde se puede ver el color rojo que tiene de fondo ¿sabeis a que es esto debido? ¿hay solución? ¿por qué deja ese pixel interior que no lo quiero para nada? A ver si ya os ha pasado antes y me podeis solucionar este problema Muchas 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 _ MSN Noticias http://noticias.msn.es/comunidad.aspx ___ 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
