Bonjour,
Pour faire un effet sur les images j'utilise cette feuile de style:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
a.bouton
{
	background-image:url(image.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='image.png');
}
 
a.bouton:hover
{
	background-image:url(image2.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='image2.png');
}
Pour une page hml comme cela par exemple ,sa marche bien:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<a href="#" class="bouton"></a>
Par contre je voudrais pouvoir faire la meme chose avec une image pour l'envoi d'un formulaire.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<form name="form" action="index.php" method="post">
<input name="nom" value="login" type="text" />
<input type="image" src="bouton.png" />
J'ai bien essayer :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<form name="form" action="index.php" method="post">
<input name="nom" value="login" type="text" />
<input type="image" class="bouton" />
Mais sa marche pas.

Si quelqu'un avais une idé ?
Merci