Aligner des checkboxradio jQuery

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 7 Mars 2020.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    823
    J'aime reçus:
    10
    Salut à tous,

    J'ai plusieurs séries de checkboxradio sur plusieurs lignes et je voudrais que ces input radio s'alignent sur toute la longueur de la <div class="contenu">, j'ai essayé pas mal de trucs mais je n'ai pas trouvé de solution, voici mon code.

    Je voudrais que les 3 checkboxradio (France, Espagne, Italie) s'étirent et viennent s'aligner d'Aquitaine à Occitanie. Idem pour les départements.

    Quelqu'un voit-il comment faire ?

    Merci pour vos réponses.
     
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 525
    J'aime reçus:
    202
    Une possibilité est de mettre la div .choix-pays en display: flex; et les labels en flex-basis: 100%;

    Idem pour les 2 autres lignes.

    EDIT : ah par contre ça fait revenir à la ligne après le label Pays etc., mais ça doit être solutionnable...
     
    #2 rick38, 7 Mars 2020
    Dernière édition: 7 Mars 2020
  3. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    823
    J'aime reçus:
    10
    Merci rick38, j'ai mis dans ce code ta solution qui marche bien, mais comme tu dis les labels Pays passent à la ligne, comment empêcher cela ?
     
  4. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    823
    J'aime reçus:
    10
    J'ai trouvé la soution pour le problème du retour à la ligne des labels, voici le code qui marche.

    Merci pour ton aide rick38 ;)
     
  5. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 525
    J'aime reçus:
    202
    Les labels Pays etc ne sont plus centrés verticalement au même niveau que les choix, mais peut-être qu'un simple padding-top peut résoudre ça.
     
  6. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    823
    J'aime reçus:
    10
    Merci rick38, tu as raison avec un padding-top:5px; les labels pays sont alignés verticalement :)

    Je cherche une solution pour afficher dans une fenêtre dialog jquery un message au click sur un input button si l'internaute n'a pas sélectionné un choix dans un select ?
     
Chargement...
Similar Threads - Aligner checkboxradio jQuery Forum Date
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012