Des images sur des input[type=submit]

Bonjour

Je souhaite placer des images sur mes deux boutons "prévisualiser" ainsi que "envoyer".
Est ce possible?

<input type="submit" class="preview" name="preview" value="pr&eacute;visualiser" />
<input type="submit" class="submit" value="envoyer" />

En css, n'est ce pas une syntaxe dans ce gout là ?

.submit input{
 background: #bbc url(images/button_submit.gif);
}
.preview input{
  background: #bbc url(images/button_preview.gif);
}
.submit input:hover {
  background: #bbc url(images/button_submit_hover.gif);
}
.preview input:hover {
  background:#bbc url(images/button_preview_hover.gif);
}

Je sèche.
Merci d'avance pour l'aide apportée.

Bonjour,

Essaye donc ceci :

<input type="image" src="../graph/ok.png class="taratata" name="ok" />

Avec ce qu'il faut dans la classe, bien sûr !
Modifié par jcm (03 Dec 2005 - 18:57)

Si tu utilise la solution de jcm, n'oublis pas de changer le code côté serveur si nécessaire.

Voir http://forum.alsacreations.com/topic.php?fid=20&tid=3098
Modifié par Tony Monast (03 Dec 2005 - 21:31)

Merci pour vos réponses.
Le site tourne sous dotclear. Et je pense pas aller modifier le code.
La solution du

input type="image"

ne passe pas malheuresement.