IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

image sur un bouton


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Février 2005
    Messages
    250
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 250
    Par défaut image sur un bouton
    bonjour,

    Je voudrais connaitre le meilleur moyen de mettre une image sur un bouton. Mes contraintes sont les suivantes il faut que je recupere la valeur du bouton, donc un bouton de type image ne me convient pas car avec value_x ou y je recupere la valeur de la coordonnee , il faut donc que je cree un bouton de type submit. Est-il possible avec un bouton submit de "coller" une image ?

    Merci

    SD

  2. #2
    Membre émérite Avatar de Hervé Saladin
    Homme Profil pro
    Ingénieur d'études en développement et déploiement d'applications
    Inscrit en
    Décembre 2004
    Messages
    647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur d'études en développement et déploiement d'applications
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2004
    Messages : 647
    Par défaut
    Bonjour,
    oui il est possible de "coller" une image sur un bouton
    Par contre ça se fait en CSS et ça n'a rien à voir avec PHP

    coté html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <button type="submit" class="boutonImage" name="nomDuBouton" value="valeurDuBouton">Texte facultatif</button>
    coté CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    button.boutonImage{
    background: url(image.gif) no-repeat 0 0;
    }

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Si tu ne veux pas de bouton de type image, la solution de Hervé Saladin reste la seule, cependant l'image de fond d'un bouton n'apparait pas sur Safari ...

  4. #4
    Membre éclairé
    Inscrit en
    Février 2005
    Messages
    250
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 250
    Par défaut
    Merci pour vos réponses, j'ai essayé la méthode avec la feuille de style mais ca ne marche ... j'ai probablement du faire une erreur de syntaxe :

    feuille de style

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    submit.imagePlus
    {
      background: http://10.100.1.196/dynmap_res/db/Bus/Image/("plus.bmp") no-repeat 0 0;
    }
    html :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <INPUT TYPE='SUBMIT' NAME="btn_SaveIntervention" VALUE='105' CLASS='imagePlus'>

  5. #5
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .imagePlus
    {
      background:url(http://10.100.1.196/dynmap_res/db/Bus/Image/plus.bmp) no-repeat 0 0;
    }

  6. #6
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 494
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 494
    Par défaut
    cependant l'image de fond d'un bouton n'apparait pas sur Safari ...
    Faux ca marche très bien !
    Images attachées Images attachées  

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. gtk stock item, pas d'image sur mon bouton ?
    Par titor dans le forum GTK+ avec C & C++
    Réponses: 5
    Dernier message: 25/02/2007, 20h21
  2. mettre une image sur un bouton de commande
    Par delamarque dans le forum VB 6 et antérieur
    Réponses: 9
    Dernier message: 05/01/2006, 20h18
  3. [MFC] image sur un bouton
    Par mfrai02 dans le forum MFC
    Réponses: 6
    Dernier message: 24/05/2005, 14h42
  4. [wxpython][wx.frame] mettre une image sur un bouton
    Par Kyti dans le forum wxPython
    Réponses: 7
    Dernier message: 02/05/2005, 12h13
  5. [JBouton] Comment mettre une image sur un bouton ?
    Par Kyti dans le forum Composants
    Réponses: 6
    Dernier message: 11/03/2005, 16h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo