RE: [Ovillo] Botones y Links iguales

Mon, 21 Feb 2005 06:06:55 -0800 

-----------------------------------------------------
Angel, me ha picado la curiosidad tu consulta y,
bas�ndome 
en la respuesta de stripTM (y con pocos cambios,
gracias stripTM!), 
me he puesto como meta conseguir que un enlace (<a>)
sea lo mas 
parecido posible a un bot�n de formulario (<input
type="submit">) 
aunque es muy probable que algui�n haya publicado algo
semejante 
en internet 8�)

Mando el c�digo como curiosidad (en Firefox el
parecido es mayor
aunque supongo que tambi�n se puede conseguir la
"clonaci�n" 
tomando como referencia a IE)

CSS:

>body { font: .8em Verdana, Arial, Helvetica,
sans-serif }
>a {
>border: 2px buttonface outset;
>background-color: buttonface;
>padding: .1em .675em; 
>font-size: 1em; 
>text-decoration: none;
>color: black;
>}
>input { font-family: Verdana, Arial, Helvetica,
sans-serif }

(X)HTML:

><a href="#">Enlace</a>
><p>Bot&oacute;n basado en la etiqueta &lt;a&gt;</p>
><input type="submit" name="Submit" value="Enlace">
><p>Bot&oacute;n de formulario (basado en la etiqueta
&lt;input
type=&quot;submit&quot;&gt;</p>

-----------------------------------------


Si al CSS de arriba se le a�ade:

a:active {
border: 2px buttonface inset;
background-color: buttonface;
padding: .1em .675em; 
font-size: 1em; 
text-decoration: none;
color: black;
}

El parecido es absoluto, por supuesto que en IE no
funciona, pero en Firefox se ve perfecto.

P�vel




                
______________________________________________ 
Renovamos el Correo Yahoo!: �250 MB GRATIS! 
Nuevos servicios, m�s seguridad 
http://correo.yahoo.es
_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a