css - My dropdown list is too long -

-

my sub-menu dropdown list long , want have "column" type of instead of "top bottom" list look.....what coding need add or change? how looks now:

.primary-nav ul ul.children li.page_item_has_children:after, .primary-nav-container ul ul.sub-menu li.menu-item-has-children:after {     border-top: 6px solid transparent;     border-right: none;     border-bottom: 6px solid transparent;     border-left: 6px solid #ccc;     top: 25%;     right: 6px; }  .primary-nav ul li a, .primary-nav-container ul li {     padding-bottom: 0.75em;     font-size: 14px;     color: #888;     text-transform: capitalize;      -webkit-transition: .25s ease-in-out;     -moz-transition: .25s ease-in-out;     -ms-transition: .25s ease-in-out;     -o-transition: .25s ease-in-out;     transition: .25s ease-in-out; }  .primary-nav ul li a:hover, .primary-nav ul li.current_page_item a, .primary-nav-container ul li a:hover, .primary-nav-container ul li.current_page_item {     color: #222; }  .primary-nav-container ul ul.sub-menu, .primary-nav ul ul.children {     width: auto;     position: absolute;     left: 0;     top: 125%;     background: #fff;     border: 1px solid #ddd;     border-radius: 3px;     display: block;     opacity: 0;     overflow: hidden;     visibility: hidden;      -webkit-transition: .25s ease-in-out;     -moz-transition: .25s ease-in-out;     -ms-transition: .25s ease-in-out;     -o-transition: .25s ease-in-out;     transition: .25s ease-in-out; }  .primary-nav-container ul:hover li:hover > .sub-menu, .primary-nav ul:hover li:hover > .children {     opacity: 1;     z-index: 1000;     overflow: visible;     visibility: visible; }  .primary-nav-container ul li:hover > .sub-menu, .primary-nav ul li:hover > .children { }  .primary-nav-container ul ul.sub-menu li, .primary-nav ul ul.children li {     width: 100%;     min-width: 8em;     margin: 0.5em 5% 0.5em 0;     padding: 0;     border: none;     text-align: left;     float: none; }  .primary-nav-container ul:hover li:hover > .sub-menu li, .primary-nav ul:hover li:hover > .children li { }  .primary-nav-container ul ul.sub-menu li a, .primary-nav ul ul.children li {     width: 100%;     padding: 0 10px;     display: inline-block;     white-space: nowrap;     float: none; }  .primary-nav-container ul ul.sub-menu li > ul, .primary-nav ul ul.children  li > ul {     top: -38%;     left: 100%;

thanks, anita

i believe you're asking size attribute of select element. if specified, show [x] number of items scrollbar right rather showing dropdown.

<select size="5">     <option>option 1</option>     <option>option 2</option>     <option>option 3</option>     <option>option 4</option>     <option>option 5</option>     <option>option 6</option>     <option>option 7</option>     <option>option 8</option>     <option>option 9</option>     <option>option 10</option>  </select>

here sample


Comments

Post a Comment

Popular posts from this blog

javascript - how to protect a flash video from refresh？ -

-
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>flash video refresh</title> </head> <body> <div id="playerzone"><embed height="496" width="580" flashvars="flvid=19742822&amp;createtime=2012-4-19 13:46:33" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="player" id="player" src="swf/mine.swf" type="application/x-shockwave-flash"></div> <a onclick="return test();" id="test">click me popup div,and hide scrollbar</a> </body> the code upon： for example,when click a#test button,popup div,it's no problem,but want hide scrollbar while div popup. i used $('html').css('overflow','hidden') in
Read more

android - Associate same looper with different threads -

-
Image
in application, want create multiple threads working on single queue. create queue know need call looper.prepare() . i want other threads create should associated looper created first thread, how can achieve this? use 1 of java thread safe queue class java.util.concurrent package instead of looper achieve goal. it's more common practice. share queue between threads , post task queue entry 1 thread can entry thread. blockingqueue can - in 1 thread call take() , block thread until thread put() entry queue. that's all. producer consumer pattern example blockingqueue or concurrentlinkedqueue about blockingqueue
Read more

visual studio 2010 - Connect to informix database windows form application -

-
i trying figure out how connect ibm informix database. have been doing research , have found threads 5 years ago examples not working. i have installed latest sdk ibm informix. i have included ibm.data.informix.dll references in project. i have included using ibm.data.informix; i adding button , on click testing conenction. debug error "sql0035n file "c:\users\adam\documents\visual studio 2010\projects\test\test\msg\en_us\db2nmp.xml" cannot opened." this file not exist , dont see anywhere in program files (x86)\ibm informix client sdk directory. my on click code is private void button1_click(object sender, eventargs e) { const string host = "192.168.obfuscated"; const string servicenum = "1525"; //port? const string server = "serverobfuscated"; const string database = "dbobfuscatedy"; const string user = "myusername"; const string password = &
Read more