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:
    935
    J'aime reçus:
    15
    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.
     
    #1 poupilou, 7 Mars 2020
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    2 034
    J'aime reçus:
    350
    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:
    935
    J'aime reçus:
    15
    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 ?
     
    #3 poupilou, 7 Mars 2020
  4. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    935
    J'aime reçus:
    15
    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 ;)
     
    #4 poupilou, 7 Mars 2020
  5. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    2 034
    J'aime reçus:
    350
    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.
     
    #5 rick38, 7 Mars 2020
  6. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    935
    J'aime reçus:
    15
    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 ?
     
    #6 poupilou, 9 Mars 2020
(Vous devez vous identifier ou vous inscrire pour poster ici.)
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
Aligner un span à droite Administration d'un site Web 12 Avril 2008
[Résolu] Bien aligner un texte Administration d'un site Web 19 Janvier 2008
aligner une image sur une ligne de texte Développement d'un site Web ou d'une appli mobile 8 Juin 2006
Problème CSS2 : aligner un label et un input Développement d'un site Web ou d'une appli mobile 7 Avril 2006
Comment vont ils s'aligner Crawl et indexation Google, sitemaps 11 Mars 2006
[CSS] Aligner verticalement un texte dans un bloc div Administration d'un site Web 3 Juin 2004