Formulario de Login Cambiar Botones por Imagenes

[thecrew]

Hola. Antes que nada es mi primer post, trataré de ser lo más claro posible para aquellos que quieran ayudarme.

Estoy teniendo problemas al utilizar una imagen como boton en un formulario javascript de Login, el cual consta de Nombre de usuario, Contraseña, Boton de Login y Boton de Cancelar.

He diseñado ambas imagenes para sustituirlas por los botones.

El code actual es:

<input type="button" value="ok" onclick="autenticate();" />
<input type="button" value="cancel" onclick="hideLogin();" />


Cosas que he probado y no solucionaron mi problema:

<input type=”image” src=”img/but_ok.png” onclick="autenticate();" />

<input type=”image” src=”img/but_cancel.png”onclick="hideLogin();" />


Espero puedan ayudarme, muchisimas gracias!
Lucas

[David]

Es que el input type image envía el formulario, así que si el propósito de los botones anteriores no era enviar el formulario lo que deberías usar es un tag img.

[ElJavista]

Claro, simplemente usa imagenes de este modo:

<img src=”img/but_ok.png” onclick="autenticate();" />

<img src=”img/but_cancel.png”onclick="hideLogin();" />

Nada más.

[thecrew]

Gracias por su ayuda, pero todavia no he podido solucionar el problema.
Seré más explícito.

El pedazo del code entero del popup de login es el siguiente:

<div id="popupLogin" class="Popup Din" style="display:none">
<div style="margin-top:15px; margin-left:10px; margin-right:15px;" class="loginpopup">
<p>
Usuario&nbsp;&nbsp;<input id="userName" type="text"/>
<br />
Contraseña&nbsp; <input id="password" type="password"/>
</p>
<span id="lblErrorMessage"></span>
<br />
<p align="right">
<input type="button" value="ok" onclick="autenticate();" />
<input type="button" value="cancel" onclick="hideLogin();" />
</p>
</div>

Al modificar lo sugerido por Eljavista los botones desaparecen.
(Adjuntaria un screen pero como soy usuario nuevo no se me permite todavia)
GRACIAS

[ElJavista]

No tiene porque desaparecer a menos que una hoja de estilos lo haga, revisa tu hoja de estilos, a lo mejor hay algún estilos como esto:

#popupLogin img {
display: none;
}

O talvez otra cosa, de todas maneras si no se muestra un elemento HTML seguro será un estilo que lo está ocultando.

[thecrew]

Gracias ahora probaré.