Error type="image"

[rimander]

Bueno tengo este formulario.

Código HTML:

<form method="post" action="index.php?ar=login" >
Nombre <input style="background-color:#666;" type="text" name="nombre"/><br>
Contrase&ntilde;a<input style="background-color:#666" type="password" name="passwd" /><br>
<input   type="image"  src="/index_files/button_login.gif" name="enviar" id="enviar" value="enviar" />
</form> 

Y el problema es que algunos ordenadores no pueden loguear...
Mientras que si le cambio

Código HTML:

<input   type="image"  src="/index_files/button_login.gif" name="enviar" id="enviar" value="enviar" /> 

Por

Código HTML:

<input    type="submit" name="enviar" id="enviar" value="enviar" /> 

Les funciona a la perfección, alguien sabe como puedo hacer para que el boton tenga la imagen y les pueda dejar loguear?

[IsaBelM]

tienes dos maneras o aplicar css al botón submit o usar <button>

[rimander]

Iniciado por IsaBelM

tienes dos maneras o aplicar css al botón submit o usar <button>

Me podrías dar un ejemplo?
De un boton asi echo con css

[IsaBelM]

a un botón submit le aplicas este css

background-image, background-color, width, height, border, outline

y sus valores correspondientes

[angel1993]

al input tipo imagen, puedes añadir el javascript "

Código Javascript:

onclick="document.getElementById('idform').submit()"
 

[IsaBelM]

Iniciado por angel1993

al input tipo imagen, puedes añadir el javascript "

Código Javascript:

onclick="document.getElementById('idform').submit()"
 

muy, pero muy mala idea, la de hacer dependiente el envío del formulario de navegar con activado javascript