asociar imagen a un input type=button

[CPCaba]

Hola, bueno tengo un problemita, en un formulario de contactos tengo:

<input type="button" src="imagenes/btn_enviar.jpg" value="Enviar" name="Btn_enviar" id="Btn_enviar" onClick="enviar(form)" alt="Envie sus mensaje" >

sucede que muestra un boton standard con legenda Enviar, y no levanta la imagen de fondo que yo le indico en scr... Me pueden dar una mano?

Anteriormente usaba en su lugar un input type="image" ... y le asignaba el comportamiento del boton, pero encontre muchos problemas en la ejecucion de la funcion asociada a dicho boton...

Muchas Gracias

[JavierB]

Hola CPCaba

No puedes poner una imagen a un botón. Si no quieres usar un botón tipo imagen, puedes probar cone sto:

Código:

<button><img src="imagenes/btn_enviar.jpg"></button>

Saludos,

[CPCaba]

gracias javier... lopruebo y te cuento
Saludos

[ivanguillen]

Coloca un vinculo en la imagen, de todas formas hay otra manera que es modificando el CSS pero creo que lo mas practico y eficaz es colocando el vinculo asi:

Código HTML:

<a href="javascript:enviar(form)"><img src = "imagenes/btn_enviar.jpg" alt="Envie sus mensaje"></a> 

Saludos!

[CPCaba]

Javi no tuve suerte...
Ivan, al correrlo no reconoce a form (el argumento de la funcion enviar) como que no esta definido y no levanta la imagen (que es un grafico relacionado con el logo de la pagina, por eso no se si desde el CSS lo puedo hacer).

[marcosr]

Si lo que quieres es hacer que el botón tenga una imágen en vez de el clásico botón lo cambias muy facilmente con CSS, esto no va en este foro, va en el de CSS.

Tienes el siguiente código:

<input type="button" id="boton" value="Enviar" onClick="enviar(form)" />

Entónces para que el fondo sea una imágen haz lo siguiente, agrega antes del </head> lo siguiente:

<style type="text/css" media="all">
#boton { background:url('imagenes/btn_enviar.jpg') no-repeat; border:none; width:el_ancho_de_la_imágenpx; heightel_alto_de_la_imágenpx: }
</style>


Saludos !

[CPCaba]

Chicos mil gracias a sus respuestas fueron muy efectivas!!!

Aplicando la sugerencia de Javier, un par de argumentos a <BUTTON > ..</BUTTON> y ajustando el CSS como indico Ivan y Marcos logre lo que queria :

En la hoja de estilos: ajuste los tamaños ,

y en el código :
<button type="button" class="boton" name="Btn_enviar" id="Btn_enviar" onClick="enviar(form)" alt="Envie sus mensaje"> <img src="imagenes/btn_enviar.gif"></button>

Mil gracias!!!
Saludos

[okram]

Y a todo esto... Tiene algo que ver con PHP¿?

Un saludo,

[GatorV]

Tema trasladado a XHTML.

Por favor publica en los foros correctos.

[caricatos]

Hola:

Si el botón va a enviar el formulario es preferible que sea tipo submit, evitas la dependencia de javascript para enviar el formulario, o sea, pasa a ser "accesible", y dejar javascript solo para validación (es recomendable también validar en el servidor)

Saludos

[wolten]

Usa CSS, es la mejor manera de poner estilos en una pagina, y no es dificil intentalo ;)

[sergiomaidana1989]

Hola, hola gente.
Este foro está abierto. Así que me metí de lleno, porque se me está presentando la misma duda y problemática.
Quería preguntar, entonces: ¿Cuál es el método más recomendable para hacer que un botón sea una imagen? ¿La aternativa del CSS (con la propiedad 'background', o la opción desde el HTML (con '<button type="submit"... ><img src="img/img.jpg" /></button>')?

Espero alguien pueda responderme. Agradeceré su respuesta.