PB bouton image Fermé

Question

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

jeangilles · Answer

Tu mets une image avec un evenement onclick :


<img src='liendelimage' onclick='document.forms["nomdetonformulaire"].submit()' />

mickaelm30 · Answer

oui mais je veux garder le value de mon bouton submit

Chamicki · Answer

Il faut utiliser un css pour faire cela
tu connais ?

jeangilles · Answer

Ben sinon tu créés une image avec le texte dedans
ya un paquet de générateurs de boutons sur le net ^^

Chamicki · Answer

Sauf qu'un Css t'évitera de faire autant d'image que de bouton ....

mickaelm30 · Answer

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"){
.....

Chamicki · Answer

bin un css ou une image ne t'enlevera pas ta value juste ajoutera une image en fond.

mickaelm30 · Answer

ok ben alors c'est ce qu'il me faut, explique moi un peu comment procéder plz :)

Chamicki · Answer

heu ... 
la je doit partir dsl 
je reviens vers 13h
a tal

mickaelm30 · Answer

ok a tte!

Chamicki · Answer

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...

mickaelm30 · Answer

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

Chamicki · Answer

Dans ce cas il faut utiliser l'image comme lien mais je ne sais pas comment garder ta value....

jeangilles · Answer

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

PB bouton image

14 réponses

Discussions similaires