PB bouton image

mickaelm30 Messages postés 229 Statut Membre -  
jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
j'ai ce bouton:
<input type='submit' name='action' value='Cder'>
Ca affiche donc un bouton tout simple avec comme value Cder. Mais je voudrais mettre un joli bouton image a la place.

Mon probleme c'est que j'ai besoin de ce bouton submit pour enregistrer ma commande. Vous auriez pas une solution pour moi par hasard??

merci d'avance

14 réponses

jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   186
 
Tu mets une image avec un evenement onclick :

<img src='liendelimage' onclick='document.forms["nomdetonformulaire"].submit()' />
0
mickaelm30 Messages postés 229 Statut Membre 12
 
oui mais je veux garder le value de mon bouton submit
0
Chamicki Messages postés 552 Statut Membre 73
 
Il faut utiliser un css pour faire cela
tu connais ?
0
jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   186
 
Ben sinon tu créés une image avec le texte dedans
ya un paquet de générateurs de boutons sur le net ^^
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Chamicki Messages postés 552 Statut Membre 73
 
Sauf qu'un Css t'évitera de faire autant d'image que de bouton ....
0
mickaelm30 Messages postés 229 Statut Membre 12
 
non mais en faite je veux la value Cder car dans une autre page php, je l'utilise avec un:
if(isset($_POST['action']) and $_POST['action']=="Cder"){
.....
0
Chamicki Messages postés 552 Statut Membre 73
 
bin un css ou une image ne t'enlevera pas ta value juste ajoutera une image en fond.
0
mickaelm30 Messages postés 229 Statut Membre 12
 
ok ben alors c'est ce qu'il me faut, explique moi un peu comment procéder plz :)
0
Chamicki Messages postés 552 Statut Membre 73
 
heu ...
la je doit partir dsl
je reviens vers 13h
a tal
0
mickaelm30 Messages postés 229 Statut Membre 12
 
ok a tte!
0
Chamicki Messages postés 552 Statut Membre 73
 
Alors dans ton fichier html tu met :
<input class="envoyerFichier" type="submit" name="bouton_submit" value="Cder" />

et dans le css :
nput.envoyerFichier{
background: url("Bouton3.jpg") no-repeat; <---lien vers l'image de fond
width:100px; <-------taille en largeur
height:35px; <-------taille en hauteur
color: #FFFFFF; <----couleur
font-family: "Comic Sans MS", Arial, "Times New Roman", Times, serif; <-----style d'écriture
margin-bottom: 4px; <------espace en dessous du bouton

En espérant t'avoir aider...
0
mickaelm30 Messages postés 229 Statut Membre 12
 
oué sa rend pas trop ce que je veux vu que mon image est plutot ovale.

De plus sur mon image il y a d'écrit ajouter au panier et avec ce que tu ma donné ya la value Cder qui est superposé a mon image... pas très joli
0
Chamicki Messages postés 552 Statut Membre 73
 
Dans ce cas il faut utiliser l'image comme lien mais je ne sais pas comment garder ta value....
0
jeangilles Messages postés 816 Date d'inscription   Statut Membre Dernière intervention   186
 
Ben la value tu la met dans un champs caché :
tu rajoutes à ton form un <input type='hidden' name='action' value='Cder' />, et voilà ...
XD
0