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 :

Comment mettre un bouton input souligné


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Inscrit en
    Juillet 2009
    Messages
    49
    Détails du profil
    Informations forums :
    Inscription : Juillet 2009
    Messages : 49
    Points : 35
    Points
    35
    Par défaut Comment mettre un bouton input souligné
    Avez vous une idée comment mettre un bouton input souligné??
    exemple :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <input type="submit" value="Supprimer" class="bouton" >

    css :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    .bouton{
    font-size:12px;  
    border:none; 
    width:75px; 
    height:33px; 
    background-repeat:no-repeat;
    font-family:Arial, Helvetica;
    outline-style:none;
    background-color:#E5E5E5;
    text-decoration:underline;
    }

    mais ça marche pas.
    pouvez vous m'aider??
    merci d'avance.

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 10
    Points : 12
    Points
    12
    Par défaut
    Je ne pense pas que cela soit possible.... A confirmer.

    Une solution serait de faire une création graphique de ton bouton avec le texte souligné et d'utiliser un input type='image' qui agit comme un submit.

  3. #3
    Membre éclairé Avatar de ledisciple
    Homme Profil pro
    observateur de nuage niveau 2.3
    Inscrit en
    Août 2008
    Messages
    860
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France

    Informations professionnelles :
    Activité : observateur de nuage niveau 2.3

    Informations forums :
    Inscription : Août 2008
    Messages : 860
    Points : 723
    Points
    723
    Par défaut
    le
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input style="text-decoration:underligne;" type="submit" value="Supprimer" class="bouton" >
    ne devrait pas te suffire.

    Un truc arraché par les cheveux ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div style="text-align:center;">
    <input type="submit" value="Supprimer">
    <br>___________
    </div>

  4. #4
    Membre émérite Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Points : 2 589
    Points
    2 589
    Par défaut
    Bonjour,

    Que 2 solutions possibles (en jouant directement sur le bouton) :
    • text-decoration:underline;
    • border-bottom:1px solid black;
    Me semble-t-il en tout cas...

    Pour apprendre CSS suis ces supers tutoriels et cours de formation CSS : http://css.developpez.com/cours/

  5. #5
    Membre à l'essai
    Inscrit en
    Septembre 2009
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Septembre 2009
    Messages : 8
    Points : 17
    Points
    17
    Par défaut
    Il faut utiliser l'élément button

    button {text-decoration:underline;}


    <button type="submit">valider</button>

    ed : ah bah ça marche aussi avec input en fait

Discussions similaires

  1. Réponses: 1
    Dernier message: 12/04/2011, 12h10
  2. Réponses: 6
    Dernier message: 12/01/2010, 15h52
  3. Comment mettre le bouton envoyer?
    Par phpaide dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 02/06/2006, 19h05
  4. Comment mettre une icone dans un bouton ?
    Par Hokagge dans le forum MFC
    Réponses: 7
    Dernier message: 29/06/2005, 20h28
  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