jquery - Select box options listing side by side not one above other -
this duplicate of display 2 options within select box side side
i'm utilising jquery selectric plugin select elements using untouched default css provided plugin. looks fine except dropdown list never shows 1 option under expect rather show side side on 1 row. reduce width of element, never show normally.
in other words, show follows.
select box
option1 option2 option3 option4 etc
the select within div float:left no matter style try add element, options never show properly. are, however, separate choices correct mouseover effects etc - side side not 1 under other.
any ideas how can element show in standard vertical listing format?
thanks.
html simple i've suggested.
<select> <option value="1">apples</option> <option value="2">bananas</option> <option value="3">peaches</option> <option value="4">pears</option> </select>
the containing divs follows
<div id="page"> <div id="main"> <div id="info"> </div> </div> </div>
styles follows
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%}
through process of elimination seems css flex styling 'ul' elements caused behaviour. guess if want happen use display:flex etc mess dropdown options.
Comments
Post a Comment