[resolu]Bouton submit image en css

Bonjour à tous,

Je voudrais rajouter une image au bouton submit d'un formulaire.
J'ai donc recours au CSS de la manière suivante:

#ins_membre .go{
	background-image: url(/theme/img/men-g-h2.png);
	height: 30px;
	width: 180px;
	cursor: pointer;
	background-repeat: no-repeat;
	color: #FFF;	
}

<input type="submit" name="send_inscript" class="go" value="Enregistrer "/>

Cette solution à l'aire de bien fonctionner sur Firefox, mais absolument pas sous IE7.
Je sais que le sujet a déjà été abordé, mais existe t-il des solutions sans passer par javascript ?

Merci
Modifié par gesualda (11 Apr 2009 - 19:34)

Bonjour,

Il se peut que l'élément BUTTON soit plus simple à styler. À tester.
Autrement, tu peux aussi créer un INPUT de type "image", mais dans ce cas le texte doit être dans l'image, ce qui complique l'internationalisation ou simplement la déclinaison du style graphique du bouton.

Bonjour Florent V.,

Un peu étonnant. L'élément BUTTON ne renvoie pas l'info du formulaire.
Bizarrement, type="image" me renvoie la valeur des POST mais n'enregistre pas le document.
??? je suis un peu dans le jazz

<input alt="" type="image" src="/theme/img/men-g-h2.png" name="send_inscript" />

que faire ?

Bon voila, à force de relire la majeur partie du forum j'ai trouvé et j'ai compris que la valeur renvoyer était celle de la coordonnée de l'image.

Renvoie la valeur de $_POST sera => Envoyer

<input  type="submit" name="send_inscript" value="envoyer" />

et là:

<input alt="" type="image" src="/theme/img/men-g-h2.png" name="send_inscript" />

$_POST sera la valeur x et y de l'image

["send_inscript_x"]=>
  string(3) "122"
  ["send_inscript_y"]=>
  string(2) "17"

if(isset($_POST['send_inscript_x']) && isset($_POST['send_inscript_y'])){

Voila pour moi tout fonctionne, par contre si j'ai mal expliqué, j'espère être corrigé.

Merci et bonne soirée