Bouton submit

Résolu
Flatron974 Messages postés 19 Date d'inscription   Statut Membre Dernière intervention   -  
Dj Nam Messages postés 327 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

est ce que c est possible de mettre cette parti du code
<input type="submit" value="envoyer">
pour qu il affiche en image au lieu de son boutton normal?

merci

4 réponses

dariumis Messages postés 571 Date d'inscription   Statut Membre Dernière intervention   63
 
Salut, comme ceci:

<input type="image" src="chemin_image"/>
0
Flatron974
 
sa c'est un autre input dans la balise form non?
Ce que je veux c est de faire comme les lien , au lieu d afficher le lien il affiche une image

exemple : <img src="chemin" alt="" ><a href="#">link</a> />
c'est un truk du genre a peu pres...
0
dariumis Messages postés 571 Date d'inscription   Statut Membre Dernière intervention   63
 
non non, c'est bien ça, type="image" c'est comme type="submit", a quoi sevirais sinon un input type=image. essaye je pense que ça va marcher.
0
Dj Nam Messages postés 327 Date d'inscription   Statut Membre Dernière intervention   41
 
Bonjour,

Si tu veux faire un lien sur une image il te suffit de faire quelque chose dans ce style là :
<a href="#ton_lien" title=""><img src="image.jpg" alt="" title="" /></a>
0
Flatron974 Messages postés 19 Date d'inscription   Statut Membre Dernière intervention  
 
merci pour le tuyau mais sa je sais deja et ce ne st pas ce que j ai demandé^^
mais merci
0
Flatron974 Messages postés 19 Date d'inscription   Statut Membre Dernière intervention  
 
mais on dirai que la solution de dariumis est bonne je viens de le test et on dirai que c est fonctionnel.. :)

Thanks
0
Dj Nam Messages postés 327 Date d'inscription   Statut Membre Dernière intervention   41
 
Ah, si tu veux un bouton avec une image, la solution qu'il t'a proposée est bonne, mais pas compatible avec tous les navigateurs.
La meilleure solution reste de faire un <input type="submit" ... /> puis en CSS de lui attribuer un background:url(ton_image.jpg); et text-indent:-999px; pour ne pas superposer le texte et l'image.
0