[Résolu] Problème remplacement d'un input par image

Bonjour,

Alors voilà je voudrais remplacer un bouton valider par une image, mais je me trouve confronté à un souci

<form action ="" method="post">
<div id="formnote">
  <select name="ri_value"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>
  <input type="submit" value="Valider" class="validnote"></input>
  <input type="hidden" name="ri_id" value="34"></input>
</div>
</form>

et ma css correspondante

#notbillet form .validnote	{
	display: block;
	height: 20px;
	width: 75px;
	font-size: 0px;
	color: #fff;
	border: 0px;
	cursor: pointer;
	background: url('img/Boutons/bouton_valider.jpg') no-repeat;
	}
	
#notbillet form .validnote:hover, #notbillet form .submit:focus	{
	background: url('img/Boutons/bouton_validerh.jpg') no-repeat;
	}

Le champ select et le bouton valider sont sur la même ligne mais j'ai l'impression que le display: block fait que mon image n'apparait pas.

Je vous rassure les liens image sont bon, je les ai vérifiés !!!

Quelqu'un aurait'il une explication et une solution à me donner

Merci
Modifié par GuizBizet (28 Mar 2006 - 10:31)

Salut,

la méthode classique pour une image comme bouton submit est:

<input type="image" src="images/submit.gif"alt="Submit Form" />

Avec cette méthode y'a du mieux?

Oui ok mais ça laisse le texte et si je mets un font-siez: 0px; je ne peux plus valider.

C'est pour ça que j'ai tenté la méthode décrite dans mon premier post