Re: [Ovillo] Imagen en SUBMIT
¿Esto no vale?
#boton{
padding-left: 20px;
background: url('imagen.gif') no-repeat left;
}
imagen.gif tiene 16x16 pixels
-Mensaje original-
De: [EMAIL PROTECTED] en nombre de stripTM
Enviado el: Dom 11/03/2007 19:52
Para: Ovillo, la lista de CSS en castellano
Asunto: 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
___
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
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
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
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" Sent: Saturday, March 10, 2007 8:51 AM Subject: Re: [Ovillo] Imagen en SUBMIT > ¡Qué javascript ni que la pepa! > > > > > > > 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:
Rarito
.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}
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.
...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"
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!
> >
> >
> >
> >
> >
> >
> >
>
> 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! > > > > > > > > > > > > > > > > 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
> ¡Qué javascript ni que la pepa! > > > > > > > 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
¡Qué javascript ni que la pepa! 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" Sent: Friday, March 09, 2007 10:50 PM Subject: 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 ___ 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
[Ovillo] Imagen en SUBMIT
Hola lista: Es posible ponerle una imagen a un botón SUBMIT con CSS y que este se siga comportando de la misma manera? Salu2 y gracias por adelantado ___ 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
