Duda con botones de formulario

[Feligo]

Hola, hace poco me he estado metiendo al tema de agregar estilos (buenos estilos) a las páginas, hace poco hice una tabla para mostrar info con harto estilo... y ahora estoy viendo el tema de los botones de formulario.

Resulta que cuando bajo templates, la mayoría viene con botones en los formulario, pero no son del tipo "button", sino más bien son imágenes hechas como botones... no he podido dar con la manera de que esa imagen cumpla la función de un button, que sea capaz de enviar el formulario, que funcione al presionarlo... siempre he tenido que reemplazar esa imagen de botón por un button para que el formulario funcione.

Me imagino que para que la imagen haga su pega de botón hay que habilitar ciertos eventos o algo así... ¿me pueden ayudar con algunas ideas?, soy nuevo en este tema, pero sé que las páginas solamente funcionales ya están quedando atrás, tienen que tener estilos atractivos.

Por algo estoy empezando, gracias de antemano.

[emprear]

no necesariamente hay que usar javascript ni el input debe ser de tipo img, eso se usa específicamente para otra cosa, la solución requiere solo de css y un input submit tradicional

demo
http://foros.emprear.com/css/over_input/over_input.html
Saludos

[Feligo]

Para que el botón funcione como en el ejemplo que me mandaste, ¿hay que asignarle la clase al botón, como class = "efecto_over"?

[emprear]

exactamente, mirá el código fuente del ejemplo, eso es solo para el estilo.
El boton funciona como un submit normal y manda las variables a lo que tengas en el action del form y por el método que hayas especificado

Saludos

[Feligo]

Iniciado por emprear

exactamente, mirá el código fuente del ejemplo, eso es solo para el estilo.
El boton funciona como un submit normal y manda las variables a lo que tengas en el action del form y por el método que hayas especificado

Saludos

Ah, vale... te pasaste, lo haré a ver cómo me queda.

Muchas gracias.

[pablodelcamino]

¿Has probado a insertar la imagen dentro de un botón? Es un sistema algo rudimentario pero puedes poner:
<BuTTON><IMG ---/></BUTTON>
Creo que de esta forma funciona.

<BUTTON name="submit" value="envio" type="submit">
<IMG src="e15.gif"> Env&iacute;o de datos
</BUTTON>

[Feligo]

Si, lo he intentado, pero se ve mal.... se ve el borde original del button pero dentro la imagen, por lo menos así se me ve a mi.