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 champ dans un formulaire


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de snyfir
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    246
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 246
    Par défaut Aligner champ dans un formulaire
    Bonjour,
    j'ai une page html:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
     
    <html>
    <head>
    <style type="text/css">
     
    legend
    {
    	font-family: Arial;
    	color: green;
    	font-weight: bold;
    }
    label
    {
    	color: blue;
    }
    fieldset
    {
       margin-bottom: 15px;
    }
     
    </style>
    </head>
    <body>
     
    <form action="membre.php" method="post">
    <fieldset>
     
    <legend>Vos identifiants</legend>
     
    	<label for="loguin_pseudo">Pseudo</label>
    	<input type="text" name="loguin_pseudo" value="" /><br>
     
    	<label for="loguin_mot_de_pass">Mot de passe</label>
    	<input type="password" name="loguin_mot_de_pass" /><br>
     
    	<label for="connexion_permanente">Connexion automatique</label>
    	<input type="checkbox" name="connexion_permanente" /><br>
     
    </fieldset>
     
    <input type="submit" value="Connexion" />
     
    </form>
    </body>
    </html>
    qui donne ceci :


    Mais je voudrais que les champs soit aligné comme ceci :


    Je ne vois pas comment faire.
    Merci de votre aide.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu mets tes label en display:block et en float:left en leur donnant une largeur.

  3. #3
    Membre éclairé Avatar de snyfir
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    246
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2007
    Messages : 246
    Par défaut
    Merci je vais essayer.

Discussions similaires

  1. Alignement de 2 champs dans un formulaire
    Par skander222 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 12/12/2014, 13h21
  2. [AC-2007] Aligner les champs dans un formulaire
    Par patb12 dans le forum IHM
    Réponses: 4
    Dernier message: 26/04/2010, 16h14
  3. contrôle sur un champ dans un formulaire
    Par yoline dans le forum Access
    Réponses: 6
    Dernier message: 01/10/2005, 19h23
  4. Réponses: 9
    Dernier message: 22/06/2005, 08h45
  5. Réponses: 2
    Dernier message: 12/02/2003, 15h26

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