Discussion :

[snyfir]

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

[kaiser59]

Salut,

j'ai pas testé mais sa te donne quoi ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.bouton
 {
   background: #ffffff url(image.png) no-repeat;
   border: 0;
 }

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="bouton" type="image" />

++