Como poner una imagen en un botón

bernadelpradoclaves · #1 (**permalink**) 24/03/2006, 05:09

Hola a todos,

Me gustaría poner un botón tenga una imagen de fondo. He probado a poner:
<INPUT TYPE=BUTTON VALUE="Cancelar" style="background-image: url('ok.gif')">

pero luego no veo la imagen. Alguna otra idea?

El tipo prefiero que sea un botón y no imagen.

Gracias de antemano.

un saludo.

JavierB · #2 (**permalink**) 24/03/2006, 05:30

Hola bernadelpradoclaves

Prueba con esto:

<button><img src="algo.jpg"></button>

Saludos,

bernadelpradoclaves · #3 (**permalink**) 24/03/2006, 07:11

Lo he probado pero la imagen no se adapta al botón, se ve el el botón por los lados y en el centro la imagen, querría que la imagen ocupase todo el botón.

Alguna otro sugerencia?

JavierB · #4 (**permalink**) 24/03/2006, 11:30

Hola de nuevo.

He probado el código que pusiste en tu primer mensaje y funciona bien. ¿Has comprobado que esté bien el nombre y la ruta de la imágen?

Saludos,

bernadelpradoclaves · #5 (**permalink**) 27/03/2006, 03:33

He probado a poner el código:
<INPUT TYPE=BUTTON VALUE="Cancelar" style="background-image: url('ok.gif')">

pero desde el navegador (explorer 6.0) que estoy viendo no lo veo la imagen en los botones pero si veo el resto de imagenes de la web que no están en botones, sólo no veo las imagenes de los botones.

En cambio desde otro ordenador con el mismo navegador( explorer 6.0) si las veo, será la version del navegador. Alguna idea proque puede pasar esto?