PB bouton image

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
Configuration: Windows XP Internet Explorer 6.0

14 réponses

  • Votes
  • Date
  • Date décroissante
  1. Tu mets une image avec un evenement onclick :

    <img src='liendelimage' onclick='document.forms["nomdetonformulaire"].submit()' />
    1. Ben sinon tu créés une image avec le texte dedans
      ya un paquet de générateurs de boutons sur le net ^^
      1. Sauf qu'un Css t'évitera de faire autant d'image que de bouton ....
        1. 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"){
          .....
          1. bin un css ou une image ne t'enlevera pas ta value juste ajoutera une image en fond.
            1. ok ben alors c'est ce qu'il me faut, explique moi un peu comment procéder plz :)
              1. 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...
                1. 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
                  1. Dans ce cas il faut utiliser l'image comme lien mais je ne sais pas comment garder ta value....
                    1. 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