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 :

Aligner 3 boutons de type Submit


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    705
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 705
    Par défaut Aligner 3 boutons de type Submit
    Salut,
    Je voulais bien faire 3 boutons (type submit) d'une façon successive, c'est à dire l'un à côté de l'autre...
    Pourcela, j'ai écrit ce code PHP:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <form action="" method="post">
       <input type="submit" value="Nouveau client" >
       </form>  
     
       <form action="" method="post">
       <input type="submit" value="Statistiques" >
       </form>    
     
       <form action="" method="post">
       <input type="submit" value="Precedent" >
       </form>
    Mais les 3 boutons sont ordonnés l'un est au-dessus de l'autre
    Que dois-je faire?
    Merci

  2. #2
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 11
    Par défaut
    Salut,

    Ca s'est un truc XHTML

    dans la css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    form,input {
      display:inline;
    }
    form doit être en display bloc par defaut il me semble.
    Bien sur c'est à adapter avec ta page HTML

  3. #3
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    705
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 705
    Par défaut
    Encore une petite explication plus clair et j'en vous serais plus reconnaissant
    Comment dois je faire dans mon code php?
    <form class="??">

    Merci

  4. #4
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 11
    Par défaut
    Le plus correct c'est :

    HTML
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <div class="boutons">
    <form action="" method="post">
      <input type="submit" value="Nouveau client" >
       </form>  
     
       <form action="" method="post">
       <input type="submit" value="Statistiques" >
       </form>    
     
       <form action="" method="post">
       <input type="submit" value="Precedent" >
       </form>
    </div>
    code CSS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    div.boutons form, div.boutons input{
      display:inline;
      margin:xpx;
      [etc...]
    }
    J'espere que j'ai été un peu plus clair

  5. #5
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    705
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 705
    Par défaut
    Merci beaucoup

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Citation Envoyé par L'aigle de Carthage Voir le message
    Comment dois je faire dans mon code php?
    Mais ce n'est pas du php, ceci est du html !

    Le code php est celui qui se trouve entre <?php et ?>.

  7. #7
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Une question bête : Pourquoi définir 3 formulaires ?

    D'autres questions plus censées : Tu envoies vers différentes pages ? Si non, dans ce cas pourquoi ne pas mettre les trois submit dans le même formulaire et traiter le tout avec PHP sur la réception de la valeur du dit submit ? Même question dans le cas où tu envoies sur différentes pages.

  8. #8
    Membre éclairé
    Inscrit en
    Mai 2006
    Messages
    705
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 705
    Par défaut
    oui chaque bouton appelle une page, les 3 boutons n'ont pas le même "action"...

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

Discussions similaires

  1. Réponses: 4
    Dernier message: 21/08/2007, 16h47
  2. fonction associée un bouton de type submit
    Par NicoO_O dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 18/04/2007, 08h58
  3. [HTML] Changement apparence bouton formulaire type submit
    Par dfournier dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 02/11/2006, 22h20
  4. taille d'un bouton de type submit
    Par pssinjaune dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 19/05/2006, 11h28
  5. test sur bouton de type "submit"
    Par allowen dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 12/01/2006, 14h00

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