jquery - Keep submenu listed while mouse out from Parent -


i cannot navigate submenu while mouse-out parent.

please check test link http://tinyurl.com/lncfmd4 [you need user id , password both vts ]

i have tried lower resolution , working fine.

my current resolution 1920x1080.

my css

nav {     /*background:#0099ff;*/     background: none repeat scroll 0 0 #fafafa;     border-bottom: 1px solid #7e7e7e;     padding: 0 0 0 10px;     min-height:10vh;     position: absolute;     right: 0;     top: 0;     width: 100%;     z-index: 11; } nav ul {     text-align: center;     /*display: inline;*/     list-style: none;     /*20150113*/     min-height:10vh;     display: inline;     list-style: none;     width: 100%;     float: left;     margin-top: -2px;  } nav ul ul {     margin-left: 0% !important; } nav ul li {     font: bold 12px/18px sans-serif;     display: inline-block;     position: relative;     vertical-align: middle;     -moz-appearance: none;     text-align: center;     -webkit-border-radius: 3px;     -moz-border-radius: 3px;     border-radius: 3px;     font-size: 12px;     font-family: arial, helvetica, sans-serif;     text-decoration: none;     display: inline-block;     font-weight: bold;     color: #262638;     margin: 0px -1px;     line-height:1;     top:1vh;  } ul#nav > li li {display: table-row;} nav ul li {     margin: 5px 5px 0px 10px; /*20150113*/     text-decoration: none;     color: #262638;     display: block; }  nav ul li a:hover {     text-decoration: none;     margin: 5px 5px 0px 10px;     color: #000000;     display: block;     font-size: 12px;     font-family: arial, helvetica, sans-serif;     text-decoration: none;     display: inline-block;     font-weight: bold;  } nav ul li ul {     display: none;     width: 960px;     position: fixed;     left: 17%;     top: 10vh;     border-top: none;     margin-top: 1pt;     overflow: scroll;     height: 32%;     overflow-x: hidden;     text-align: left;     border-bottom:5px solid #cccccc;     padding-bottom:10px;  } nav ul li ul li {     width: 33.333%;     border-left: solid 1px #ccc;     margin: 0 -3px;     /*padding:0px 25.5px;*/     background: #fafafa !important;     border-radius: 0px;     text-align: left; } nav ul li ul li {     font-family: 'arial', helvetica neue, helvetica, sans-serif !important;     -webkit-font-smoothing: antialiased;     font-size: 12px;     text-decoration: none;     color: #666;     background: #fff;     cursor: pointer;     padding: 14px;  } nav ul li ul li a:hover {     text-decoration: none;     color: #de4a4a;     cursor: pointer;     padding: 14px; } nav ul li ul li h5 {     font-family: 'arial', helvetica neue, helvetica, sans-serif;     -webkit-font-smoothing: antialiased;     font-size: 16px;     font-weight: normal;     margin-bottom: 10px; } nav ul li ul li p {     font-size: 12px;     font-family: arial, helvetica, sans-serif;     font-weight: normal;     padding: 0 16px; } nav ul li:hover ul {     display: block;     background: #fff;     width: 64.1%;     border: 1px solid #ccc;     position: fixed;     left: 18%;     border-top: none; }

you're going need script this, both action show menu, , condition under hidden. css not programming language, can't specify happens when mouse out element.


Comments

Post a Comment

Popular posts from this blog

shopping cart - Page redirect not working PHP -

im trying redirect user when click "empty cart". redirect working "add cart" not "empty cart". ideas great. in main .php file set current url seen $current_url = base64_encode("http://$_server[http_host]$_server[request_uri]"); then below cartaction.php file handles actions such "add cart" , "empty cart" <?php session_start(); include_once 'config.php'; //add item in shopping cart if(isset($_post["add"])) { $product_id = $_post["product_id"]; //product id $return_url = base64_decode($_post["return_url"]); //return url $qty = $_post["qty"]; $product = $mysqli->query("select product_name, unit_price, unit_quantity products product_id = '$product_id'"); $obj = $product->fetch_object(); if(!isset($_session['products'])) { $_session['products'] = array(); } if(array_key_exists($product_id...
Read more

php - How to modify a menu to show sub-menus -

i have custom php menu made person, displays categories menu. however, need display subcategories well. tried adding hierarchical parameter didn't work. hoping assistance! here code: <ul> <?php /* categories wp e-commerce products */ $wpec_product_categories = get_terms( 'wpsc_product_category', 'hide_empty=0&parent=0&exclude=298'); $myarray = array(); foreach($wpec_product_categories $wpec_categories){ $myarray[$wpec_categories->term_id]['name'] = $wpec_categories->name; $myarray[$wpec_categories->term_id]['slug'] = $wpec_categories->slug; $myarray[$wpec_categories->term_id]['term_id'] = $wpec_categories->term_id; } foreach($myarray $wpec_categories1){ $wpec_term_name = $wpec_categories1['name']; $wpec_term_slug = $wpec_categories1['slug']; $wpec_term_id = $wpec_categories1['term_id']; echo '<li> <a href="'.get_page_link(19)....
Read more

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more