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 :

Question de positionnement de boutons


Sujet :

Positionnement en CSS

  1. #1
    Membre éclairé Avatar de Raptor92
    Homme Profil pro
    Directeur des opérations & Innovation
    Inscrit en
    Juin 2009
    Messages
    954
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Directeur des opérations & Innovation
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2009
    Messages : 954
    Points : 766
    Points
    766
    Par défaut Question de positionnement de boutons
    Bonjour

    Question idiote sans doute, mais comment afficher l'ensemble des mes boutons sur la même ligne alors que je fais appel à des fenêtres différentes

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <div class="btn-toolbar list-toolbar">
    <form action= "user.php" method="get"> 
    	<a href="user.php" class="btn btn-primary"><i class="fa fa-plus"></i>New user</a>
        <button class="btn btn-default" >Import</button>
        <button class="btn btn-default">Export</button>	
    </form>	
    <form action= "userUpdate.php" method="get"> 
    	<input type="text" name="id" id="id">
    	<input type="submit" class="btn btn-default" name="submit" value="Update">
    </form>	
    </div>

    Par avance merci pour vos pistes
    Bien à vous
    Raptor92
    Dominique
    Aucune aide par MP, utilisez le forum.

    Mon guide du débutant pour apprendre à programmer en Java - N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java


  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    ça dépend du CSS existant.

    Essaie :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    .btn-toolbar.list-toolbar { display:-webkit-flex; display:flex; }


    N.B. Le lien <a> n'a rien à faire dans le <form>.

  3. #3
    Membre expert
    Avatar de Dendrite
    Femme Profil pro
    Développeuse informatique
    Inscrit en
    Juin 2008
    Messages
    2 129
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 58
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeuse informatique
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juin 2008
    Messages : 2 129
    Points : 3 627
    Points
    3 627
    Billets dans le blog
    8
    Par défaut
    C'est une question CSS.
    Dans ton fichier .css, que disent ces 2 classes là ?
    .btn
    et
    .btn-primary
    PDO, une soupe et au lit !
    Partir de la fin est un bon moyen de retrouver son chemin. Bibi - 2020

  4. #4
    Invité
    Invité(e)
    Par défaut
    @Dendrite

    .btn et .btn-primary sont des classes de Bootstrap CSS (Buttons).

  5. #5
    Membre éclairé Avatar de Raptor92
    Homme Profil pro
    Directeur des opérations & Innovation
    Inscrit en
    Juin 2009
    Messages
    954
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Directeur des opérations & Innovation
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2009
    Messages : 954
    Points : 766
    Points
    766
    Par défaut
    Re bonjour Dendrite

    Voici ce que dit le code CSS

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    .btn-toolbar {
      margin-left: -5px;
    }
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
      float: left;
    }
    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
      margin-left: 5px;
    }
    Mais j'avoue ne pas savoir le modifier
    Bien à vous
    Raptor92
    Dominique
    Aucune aide par MP, utilisez le forum.

    Mon guide du débutant pour apprendre à programmer en Java - N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java


  6. #6
    Expert confirmé Avatar de psychadelic
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    2 529
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 2 529
    Points : 4 740
    Points
    4 740
    Par défaut
    le css est un langage comme un autre,
    la fonction margin permet d'établir la taille des marges entourant l'élément.

    mais il existe une foultitude d'autre instructions, le ccs étant le moyen d'établir une feuille de style...

    https://www.developpez.net/forums/d1...apprendre-css/
    «La pluralité des voix n'est pas une preuve, pour les vérités malaisées à découvrir, tant il est bien plus vraisemblable qu'un homme seul les ait rencontrées que tout un peuple.» [ René Descartes ] - Discours de la méthode

Discussions similaires

  1. Positionner des boutons dans une liste
    Par Gizmil dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 14/11/2007, 08h09
  2. [Forms 6i] Question d'icone de bouton
    Par reppier dans le forum Forms
    Réponses: 2
    Dernier message: 17/10/2007, 13h37
  3. [Javascript Debutant]Comment positionner des boutons sur une Image?
    Par bylka dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/07/2007, 13h07
  4. Réponses: 6
    Dernier message: 10/04/2007, 15h14
  5. Comment positionner les boutons sur une applet ?
    Par jayjay.f dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 10/11/2006, 07h13

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