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 :

Alignement des INPUT


Sujet :

HTML

  1. #1
    Candidat au Club
    Femme Profil pro
    Étudiant
    Inscrit en
    Mars 2021
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 24
    Localisation : Sénégal

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2021
    Messages : 1
    Points : 3
    Points
    3
    Par défaut Alignement des INPUT
    Bonjour
    S'il vous plait j'éprouve une difficulté à superposer des choix de réponses dans un formulaire
    les images sont plus parlantes:

    voici mon code

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    OS préféré:
     
        <input  type="radio" name="OS" id="windows XP"> <label  for="windows XP">Windows XP</label><br />
        <input type="radio" name="OS" id="windows Vista"> <label for="windows Vista">Windows Vista</label><br />
        <input  type="radio" name="OS" id="MacOS X"> <label for="MacOS X">macOS X</label><br />
        <input  type="radio" name="OS" id="Linux"> <label for="Linux">Linux</label><br />
        <input  type="radio" name="OS" id="Autre"> <label for="Autre">Autre</label><br />





    Voici le rendu de mon code:
    Nom : Capture.JPG
Affichages : 81
Taille : 12,9 Ko

    Voici l'objectif à atteindre:
    Nom : Objectif.JPG
Affichages : 83
Taille : 12,0 Ko


    Merci beaucoup d'avance!

  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    Par défaut
    Salut,

    Comme ça par exemple:



    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    #cadre{display:flex;justify-content:flex-start;}
    label{display:block;}

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div id="cadre">
    	<strong>OS préféré:</strong>
    	<div>
    		<label  for="windows XP"><input  type="radio" name="OS" id="windows XP"> Windows XP</label>
    		<label for="windows Vista"><input type="radio" name="OS" id="windows Vista"> Windows Vista</label>
    		<label for="MacOS X"><input  type="radio" name="OS" id="MacOS X"> macOS X</label>
    		<label for="Linux"><input  type="radio" name="OS" id="Linux"> Linux</label>
    		<label for="Autre"><input  type="radio" name="OS" id="Autre"> Autre</label>
    	</div>
    </div>

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

Discussions similaires

  1. Aligner des div avec des input
    Par pc75 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 52
    Dernier message: 05/07/2013, 15h10
  2. Alignement des input vis à vis du texte
    Par Anduriel dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 22/09/2011, 21h06
  3. Comment aligner des éléments d'un TEdit à droite ?
    Par bertrand_declerck dans le forum Composants VCL
    Réponses: 18
    Dernier message: 15/06/2005, 17h46
  4. [Débutant] Différencier des inputs
    Par Pymm dans le forum ASP
    Réponses: 5
    Dernier message: 28/01/2005, 15h01
  5. Réponses: 3
    Dernier message: 26/01/2005, 15h21

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