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 :

mettre plusieur champs formulaire sur la même ligne


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2011
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 55
    Points : 22
    Points
    22
    Par défaut mettre plusieur champs formulaire sur la même ligne
    Bonjour, j'ai un léger souci que je n'arrive pas a résoudre. Je suis entrain de faire un formulaire. ET je souhaite mettre sur la même ligne l'adresse plus loin le code postal, plus loin la ville. le tout avec une distance égale entre chaque.
    Hors j'ai ceci :



    avec ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <p>
        <label for="Adresse"><span class="text19">Adresse :</span></label>
        <input name="Adresse" type="text" value="" />
      </p>
       <p>
        <label for="Codepostal"><span class="text19">Code postal :</span></label>
        <input name="Codepostal" type="text" value="" />
      </p>
       <p>
        <label for="Ville"><span class="text19">Ville :</span></label>
        <input name="Ville" type="text" value="" />

  2. #2
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2011
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 55
    Points : 22
    Points
    22
    Par défaut
    Bon ben j'ai vier le label et au final tout c'est aligner.

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 138
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 138
    Points : 44 930
    Points
    44 930
    Par défaut
    Bonsoir,
    Citation Envoyé par cuddy Voir le message
    Bon ben j'ai vier le label et au final tout c'est aligner.
    les balises LABEL n'y sont pour rien, mais les balises P oui.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <p>
      <label for="Adresse"><span class="text19">Adresse :</span></label>
      <input name="Adresse" type="text" value="" />
      <label for="Codepostal"><span class="text19">Code postal :</span></label>
      <input name="Codepostal" type="text" value="" />
      <label for="Ville"><span class="text19">Ville :</span></label>
      <input name="Ville" type="text" value="" />
    </p>
    ce code est suffisant pour tout aligner.

    voir l'exemple mis http://www.developpez.net/forums/d12...o/#post6891724

  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2011
    Messages
    55
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 55
    Points : 22
    Points
    22
    Par défaut
    Merci, mais cela me les met les uns en dessous des autres.
    je les veux sur la même ligne. Peux etre que c'est du au dimensions de ma div qui est trop petit ?

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 138
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 138
    Points : 44 930
    Points
    44 930
    Par défaut
    je les veux sur la même ligne. Peux etre que c'est du au dimensions de ma div qui est trop petit ?
    Mets un background-color sur la DIV pour voir la place occupée, je parierais assez bien sur cela.

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

Discussions similaires

  1. [ZF 1.11] mettre deux boutons d'un formulaire sur la même ligne
    Par rebhihabib dans le forum Zend_Form
    Réponses: 3
    Dernier message: 05/08/2012, 02h29
  2. [sed] supprimer plusieurs chaines similaires sur la même ligne
    Par laloupiote dans le forum Shell et commandes GNU
    Réponses: 9
    Dernier message: 02/03/2010, 08h43
  3. Mettre plusieurs combo box sur une meme ligne
    Par hugo69 dans le forum Ext JS / Sencha
    Réponses: 4
    Dernier message: 13/11/2008, 16h42
  4. Comment fait-on pour avoir 2 formulaires sur la même ligne?
    Par fabiofabio dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 02/02/2008, 14h28
  5. Comment disposer deux formulaires sur la même ligne ??
    Par soad029 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 05/05/2007, 05h14

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