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

Mise en page CSS Discussion :

Bouton submit en CSS


Sujet :

CSS

  1. #1
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    Août 2013
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2013
    Messages : 124
    Par défaut Bouton submit en CSS
    Bonsoir,

    J'ai un bouton qui permet de supprimer une donnée de ma bdd.
    J'aimerai qu'il soit remplacé par une image.
    J'ai donc testé
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="image" src="contact_suppr.png">
    et
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" class="btn"">

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    .btn {
    	border: none;
    	width: 16px;
    	height: 16px;
    	background-image:url(images/contact_suppr.png);
     
    }

    Le format de l'image est png et possède un fond transparent et a comme dimension 16px*16px.
    Le problème dans les 2 cas c'est que le bouton apparait au dessous de l'image et également les bordures.

    Quelqu'un a une idée svp?

  2. #2
    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
    Tu as un élément prévu pour en HTML, c'est le input de type image :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="image" src="url_de_ton_image" />

  3. #3
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    Août 2013
    Messages
    124
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2013
    Messages : 124
    Par défaut
    J'ai trouvé, il fallait rajouter background: none; border:none; box-shadow:none;
    Bonne journée

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

Discussions similaires

  1. Affecter un code CSS à un bouton submit
    Par supcomingenieur dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 28/05/2013, 12h46
  2. [CSS]Hover sur un bouton submit
    Par Fiquet dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/10/2005, 11h15
  3. bouton submit et css
    Par steeve1980 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/08/2005, 09h43
  4. [CSS][sémantique Web] boutons SUBMIT et images
    Par El Riiico dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 15/04/2005, 15h45
  5. Javascript bouton submit
    Par lilou0210 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/11/2004, 11h40

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