Re: [Ovillo] Imagen en SUBMIT
Reynier Perez Mira escribió: Hola lista: Es posible ponerle una imagen a un botón SUBMIT con CSS y que este se siga comportando de la misma manera? Si es posible, una técnica común es establecerle una imagen de fondo, hacer que se comporte como una caja (display: block; float: left; width: 50px; height: 20px;) para poder darle un tamaño que coincida con el de la imagen y el texto propio del botón ocultarlo con un font-size: 1px; text-ident: -100em; -- Saludos -=stripTM=- ___ 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] Imagen en SUBMIT
Sólo un apunte, el input type=image se comporta exactamente igual que el botón type=submit en un formulario. El día 11/03/07, stripTM [EMAIL PROTECTED] escribió: Reynier Perez Mira escribió: Hola lista: Es posible ponerle una imagen a un botón SUBMIT con CSS y que este se siga comportando de la misma manera? Si es posible, una técnica común es establecerle una imagen de fondo, hacer que se comporte como una caja (display: block; float: left; width: 50px; height: 20px;) para poder darle un tamaño que coincida con el de la imagen y el texto propio del botón ocultarlo con un font-size: 1px; text-ident: -100em; -- Saludos -=stripTM=- ___ 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] Imagen en SUBMIT
SkuNk escribió: Sólo un apunte, el input type=image se comporta exactamente igual que el botón type=submit en un formulario. Bueno, además manda un par de parametros x e y indicando la coordenada donde se hizo clic. -- Saludos -=stripTM=- ___ 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] Imagen en SUBMIT
¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Eso creo yo también: especificaba claramente CSS. En cualquier caso, ya dije que no estaba totalmente seguro... :P Yo siempre pongo los submit como solo texto, con lo cual... :) Saludos, eRNieB ¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Confusión total: CSS (Hojas de Estilo en Cascada) es, como su nombre lo
indica: estilos. Lo de cascada es alusivo a herencia. En cambio, un
botón de submit, es un objeto. En otro idioma: la Biblia junto al
calefón (Enrique Santos Discépolo).
Es aquella vieja discusión de forma y contenido. En este caso, un objeto
llamado BUTTON, de otro llamado FORM, son elementos de construcción
inherentes a la forma, y los estilos, vendrían a ser los adornos de esa
forma.
De todos modos, yo he hecho esto:
html
head
titleRarito/title
style
.imagen {background: white url(enviar.gif) no-repeat fixed top left; width:
100px; height: 25px; padding: 0px; margin: 0px; border: solid 0px red}
button {border: solid 0px black; width: 100px; height: 25px; padding: 0px;
margin: 0px}
/style
/head
body
Cambiar de 0px a 1px en los estilos y observar comportamientos en Explorer,
Firefox,
Opera, Konkeror y oros. También puede cambiarse 100px por 106px y 25px
por 31px y observar comportamientos.
form
button type=submit
div class=imagennbsp;/div
/button
input type=text name=texto
/form
/body
/html
...pero es muy complejo y cada navegador interpreta lo que le parece.
Explorer sí nos muestra lo que, al menos, es nuestra intención.
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: Ernesto Frías [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Saturday, March 10, 2007 9:30 AM
Subject: Re: [Ovillo] Imagen en SUBMIT
Eso creo yo también: especificaba claramente CSS. En cualquier caso,
ya dije que no estaba totalmente seguro... :P
Yo siempre pongo los submit como solo texto, con lo cual... :)
Saludos,
eRNieB
¡Qué javascript ni que la pepa!
form
button type=submit
img src=enviar.gif width=100 height=15
/button
input type=text
/form
Creo recordar que la pregunta especificaba usando CSS
___
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] Imagen en SUBMIT
Es verdad... Pero la respuesta no iba dirigida a tí en particular sino a aquellos que suponen el uso de Javascript... :) Almirante von Web/. -- Educando al asno, por no apalearlo. ©2007 ;-) - Original Message - From: Ernesto Rodríguez [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, March 10, 2007 8:51 AM Subject: Re: [Ovillo] Imagen en SUBMIT ¡Qué javascript ni que la pepa! form button type=submit img src=enviar.gif width=100 height=15 /button input type=text /form Creo recordar que la pregunta especificaba usando CSS ___ 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] Imagen en SUBMIT
Si no me equivoco, sin tirar de Javascript no. De todas formas no pondria la mano en el fuego, pero ya te digo que me suena que hay que tirar de Javascript. Saludos, Ernestp ___ 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
