RE: [Ovillo] Botones y Links iguales

[Pável Varela Rodríguez]

-----------------------------------------------------
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 Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo