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 :

alligner des textbox (input) avec une liste


Sujet :

HTML

  1. #1
    Membre régulier
    Homme Profil pro
    dfsdffsd
    Inscrit en
    Octobre 2005
    Messages
    88
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : dfsdffsd

    Informations forums :
    Inscription : Octobre 2005
    Messages : 88
    Points : 72
    Points
    72
    Par défaut alligner des textbox (input) avec une liste
    Bonjours a tous
    Je voudrais savoir comment aligner des inputs (textbox) avec une liste pour avoir le resultat suivant

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    * nom               [             ]
    * prenom            [             ]
    * mot de passe      [             ]
    j'ai essayer d'utiliser un tableau et de faire une liste indepandante pour le nom, le prenom et le mot de passe a chaque case mais cela fait un trop grand espace. Aussi notre professeur ne veut pas qu'on mette des espace (&nbsp entre le nom et la balise <input>


    Merci et bonne journée

  2. #2
    Membre actif Avatar de glloq8
    Inscrit en
    Novembre 2002
    Messages
    298
    Détails du profil
    Informations personnelles :
    Âge : 44

    Informations forums :
    Inscription : Novembre 2002
    Messages : 298
    Points : 255
    Points
    255
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <p class="titre">Nom</p>
    <p class="form"><input type=....... />

    et le css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    .titre {
    float:left;
    width: 250px;
    }
    .form {
    float: left;
    width:300px;
    }
    Ensuite, pour la ligne suivante, moi je fais ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <p style="clear:both" class="titre">Prénom</p>
    <p class="form"><input type=....... />

  3. #3
    Expert éminent

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Points : 7 641
    Points
    7 641
    Par défaut
    www. fredcavazza.net/doc/tutoriels/formulaire/SVF_intro.htm

    bonne chance

  4. #4
    Membre régulier
    Homme Profil pro
    dfsdffsd
    Inscrit en
    Octobre 2005
    Messages
    88
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : dfsdffsd

    Informations forums :
    Inscription : Octobre 2005
    Messages : 88
    Points : 72
    Points
    72
    Par défaut
    merci bien , ma page s'affiche correctement mais je n'ai pas eu besoin d'utiliser la commande "style="clear:both" lorsque je passe a la deuxieme ligne

  5. #5
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Et la recherche? http://www.developpez.net/forums/viewtopic.php?t=444863 Avec mon code on peut mettre une couleur de fond mais pas avec celui de Fred Cavazza.

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

Discussions similaires

  1. Réponses: 10
    Dernier message: 06/05/2010, 20h51
  2. [script.aculo.us] [Tutoriel] Modifier l'opacité des éléments sélectionnés d'une liste avec Script.aculo.us
    Par Kerod dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 13/01/2009, 21h31
  3. Réponses: 4
    Dernier message: 14/01/2008, 00h15
  4. OpenDialog avec une liste des dossiers favories
    Par J_apprenti dans le forum Delphi
    Réponses: 6
    Dernier message: 09/05/2007, 22h23
  5. Problèmes avec des cases à cocher et une liste déroulante
    Par rob2-9 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/01/2006, 10h52

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