Botones con Iconos en HTML
Algunas veces para darle una mejor apariencia a alguna aplicación Web, utilizamos imagenes con links en lugar de botones. En la mayoría de los casos, eso es mas que suficiente. Pero hay veces, que necesitamos hacer un submit o se presta mejor un boton que un link. En esas situaciones no nos queda mas que prescindir de las imagenes y poner un botón de texto simple.
Sin embargo, si queremos darle al botón un ligero toque delphiniano ( todas las aplicaciones delphi que he visto, vienen con sus iconos predefinidos en sus botones :P )
podemos utilizar un ico, o cualquier imagen que tengamos disponible siempre y cuando no sea esta muy grande. El tamaño de la imagen es importante por dos motivos:
Entonces, para incluir la imagen en nuestro botón tenemos que usar el siguiente código.
<button type="submit"><img src="search.ico" /> Buscar </button>
Y quedaria asi:
Y listo.
Sin embargo, si queremos darle al botón un ligero toque delphiniano ( todas las aplicaciones delphi que he visto, vienen con sus iconos predefinidos en sus botones :P )
podemos utilizar un ico, o cualquier imagen que tengamos disponible siempre y cuando no sea esta muy grande. El tamaño de la imagen es importante por dos motivos:
- Una imagen muy grande, haría que el botón sea excesivamente grande y no encaje con el diseño de la pagina.
- Una imagen muy grande, consumira mucho ancho de banda para lograr un efecto meramente decorativo.
Entonces, para incluir la imagen en nuestro botón tenemos que usar el siguiente código.
<button type="submit"><img src="search.ico" /> Buscar </button>
Y quedaria asi:
Y listo.
-
pon un ejemplo ilustrativo, un, así se veríakEpEx
-
cambiaste el encoding?, veo mal las tildes óóóóááááéééííúúkEpEx
-
Yo tambien, acabo de actualizar a wordpress 2.5 y al parecer se cargo la base de datos. Pero Hoy en la noche lo corrijonecudeco
