C'est un double du Display two options within select box side by sideSélectionnez les options de boîte liste côte à côte ne un au-dessus d'autres
J'utilise le plugin JQuery Selectric pour sélectionner des éléments à l'aide de CSS par défaut intacte prévue le plug-in. Tout semble bien sauf que la liste déroulante ne montre jamais une option sous une autre comme vous l'attendez toujours, mais plutôt ils montrent côte à côte sur une ligne. Même si je réduis la largeur de l'élément, ils ne montrent jamais normalement.
En d'autres termes, ils montrent comme suit.
SELECT BOX
Option2 Option1 Option4 etc Option3
La sélection est dans un div qui est float: left mais peu importe quel style j'essaie d'ajouter à l'élément, les options ne montrent pas correctement. Ils sont, cependant, des choix correctement séparés avec des effets mouseover corrects etc - juste côte à côte pas un sous l'autre.
Des idées comment je peux obtenir l'élément à afficher dans le format de listage vertical standard?
Merci.
HTML est aussi simple que je l'ai suggéré.
<select>
<option value="1">Apples</option>
<option value="2">Bananas</option>
<option value="3">Peaches</option>
<option value="4">Pears</option>
</select>
Les contenant divs sont les suivantes
<div id="page">
<div id="main">
<div id="info">
</div>
</div>
</div>
Styles comme suit
div#page {position:absolute;left:0px;right:0px;top:110px;width:100%;}
div#main {margin:auto;left:0px;right:0px;text-align:left;max-width:1100px;padding-left:20px;padding-right:20px;}
div#info {float:left;width:46%;margin-left:4%}
Partagez votre code HTML –
Copie possible de [Afficher deux options dans la zone de sélection côte à côte] (https://stackoverflow.com/questions/27444227/display-two-options-within-select-box-side-by- côté) –
@chirag - pas vraiment un doublon car c'est un comportement inattendu et non résolu par un autre plugin car il n'est pas censé se passer en premier lieu – RobertyBob