[Skip to main content](#vessel-content) # Bouton radio pour les variantes ## - **[nath](/forum/user/535-nath "View nath's Profile")** - [![nath's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/fish.gif)](/forum/user/535-nath "View nath's Profile") Topic Author - [ Offline](/forum/user/535-nath) Less More - Posts: 18 - Thank you received: 0 - - 15 years 7 months ago [\#10952](#10952) by [nath](/forum/user/535-nath "View nath's Profile") *[Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#10952 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* was created by *[nath](/forum/user/535-nath "View nath's Profile")* Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14264 - - 15 years 7 months ago [\#10957](#10957) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#10957 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* Bonjour, Vous pouvez faire cela avec un peu de CSS. Si vous nous donnez l'url de la page ou vous avez votre caractéristique nous pourrons être plus précis. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nath](/forum/user/535-nath "View nath's Profile")** - [![nath's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/fish.gif)](/forum/user/535-nath "View nath's Profile") Topic Author - [ Offline](/forum/user/535-nath) Less More - Posts: 18 - Thank you received: 0 - - 15 years 7 months ago [\#11032](#11032) by [nath](/forum/user/535-nath "View nath's Profile") Replied by *[nath](/forum/user/535-nath "View nath's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#11032 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* Le site est en local et je ne peux pas vous donner un accès à cause de la sécurité. J'ai inclus un fichier Word qui contient un printscreen des boutons radio vu avec Firebug et la css suit en 2e page. J'ai écris display: block; dans la css mais les labels s'affichent sur la ligne suivante au lieu de s'afficher à côté du bouton radio. Peut-être pourrez-vous m'aider avec ça ? #### *This attachment is hidden for guests. Please log in or register to see it.* Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14264 - - 15 years 7 months ago [\#11036](#11036) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#11036 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* Il faut surement ajouter également un float:left soit sur le label soit sur the input. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nath](/forum/user/535-nath "View nath's Profile")** - [![nath's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/fish.gif)](/forum/user/535-nath "View nath's Profile") Topic Author - [ Offline](/forum/user/535-nath) Less More - Posts: 18 - Thank you received: 0 - - 15 years 7 months ago [\#11039](#11039) by [nath](/forum/user/535-nath "View nath's Profile") Replied by *[nath](/forum/user/535-nath "View nath's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#11039 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* J'avais déjà essayé mais ça ne donne pas ce que ça devrait donner. Voir les 3 pages du fichier ci-joint. Au départ, j'ai cherché à ajouter <br /> après le label dans le HTML mais je n'ai pas trouvé où l'inscrire. #### *This attachment is hidden for guests. Please log in or register to see it.* Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14264 - - 15 years 7 months ago [\#11042](#11042) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#11042 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* Essayez voir avec cela: .hikashop_product_characteristics_table input{ float:left; } .hikashop_product_characteristics_table label{ display:block; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nath](/forum/user/535-nath "View nath's Profile")** - [![nath's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/fish.gif)](/forum/user/535-nath "View nath's Profile") Topic Author - [ Offline](/forum/user/535-nath) Less More - Posts: 18 - Thank you received: 0 - - 15 years 7 months ago [\#11046](#11046) by [nath](/forum/user/535-nath "View nath's Profile") Replied by *[nath](/forum/user/535-nath "View nath's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#11046 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* J'ai dû ajouter un width mais les boutons radio sont décalés. Voir le document. #### *This attachment is hidden for guests. Please log in or register to see it.* Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86289 - Thank you received: 14264 - - 15 years 7 months ago [\#11051](#11051) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#11051 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* Vous devriez essayer de fixer le width du label: .hikashop_product_characteristics_table label{ width:50px; } Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nath](/forum/user/535-nath "View nath's Profile")** - [![nath's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/fish.gif)](/forum/user/535-nath "View nath's Profile") Topic Author - [ Offline](/forum/user/535-nath) Less More - Posts: 18 - Thank you received: 0 - - 15 years 7 months ago - 15 years 7 months ago [\#11054](#11054) by [nath](/forum/user/535-nath "View nath's Profile") Replied by *[nath](/forum/user/535-nath "View nath's Profile")* on topic *[Re: Bouton radio pour les variantes](/forum/5-support-en-francais-french-support-/10952-bouton-radio-pour-les-variantes#11054 "Bonjour, J'affiche des variantes avec des boutons radio. Le problème est que les variantes s'affichent sur une même ligne. J'aimerais que chaque variante soit sur une ligne différente donc les boutons radio seraient tous alignés à gauche. Comment dois-je faire ?")* Je ne pouvais pas mettre un width: 50px à mon label car d'autres variantes étaient plus longues. De toute façon, même avec les variantes que j'avais pour l'instant, ça ne fonctionnait pas. Le texte se plaçait sur la ligne suivante. J'ai réussi en ajoutant un clear: both;. Voici ce que j'ai ajouté dans mon css : .hikashop_product_characteristics_table{ width: 100%; } .hikashop_product_characteristics_table input{ float: left; clear: both; } .hikashop_product_characteristics_table label{ display: block; } Merci bien de ton aide. :lol: Last edit: 15 years 7 months ago by [nath](/forum/user/535-nath "View nath's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzUtc3VwcG9ydC1lbi1mcmFuY2Fpcy1mcmVuY2gtc3VwcG9ydC0vMTA5NTItYm91dG9uLXJhZGlvLXBvdXItbGVzLXZhcmlhbnRlcz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.263 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)