Problema con botones

[aviana]

¡Hola!. Necesito incluir una imagen en un botón. He visto en el foro de html que se puede con:

<button name="recalcular" type="submit" class="boton"><img src="../../img/i_calculadora.gif" align="absmiddle">Recalcular</button>

el problema es que tengo un formulario con 4 botones, y en función de cual se pulse, hago una cosa u otra. Esto lo controlo con (isset ($_post['nombre_boton'])) que me devuelve 1 si se ha pulsado ese botón, pero esto no funciona con esta forma de crear botones, sino con la que no permite meter iconos, la de toda la vida:

<input type="submit" name="recalcular" value="recalcular" class="boton">

¿Alguna idea?

[claudiovega]

Si, usar hojas de estilo.

[aviana]

ajá, pero cada botón tiene una imagen distinta... ¿podrías explicarte un poco más?

[claudiovega]

La css, un ejemplo, puedes y debes cambiar os valores:

#algo, es el valor de la propiedad id de 1 boton, no una clase.

Código:

#recalcular{
	width: 88px;
	height: 27px;
	margin-left: 80px;
	background: #84AA00;
	border: 1px Solid #84AA00;
	background-image: url(recalcular.jpg);
	text-indent: -9999px;
}

#otro_boton{
	width: 88px;
	height: 27px;
	margin-left: 80px;
	background: #84AA00;
	border: 1px Solid #84AA00;
	background-image: url(otro.jpg);
	text-indent: -9999px;
}

[JavierB]

Hola aviana

Creo que podrías hacerlo simplemente con HTML:

<input type="image" name="nombre_boton" src="tuimagen.jpg" />

Esto tiene el mismo efecto que un botón submit.

Saludos,