html - Bug in CSS3 Dropdown menu -


i have dropdown menu working on , have come across bug in process can't find. wordpress site , theme made; while trying change menu layout, have come across little bug.

the site @ http://redballoontoystore.com/e. know want code don't know if code copy , paste have bug. trying use firebug find issue. when hover on "toys" menu drops down screwed up.

the basic structure 

<div id="categories">  <ul>   <li>    <ul class="sub-menu">     <li>      <ul class="sub-menu">       <li></li>      </ul>     </li>    </ul>   </li>  </ul> </div>

and of css is

#main_navigation {   z-index: 10;   position: relative;   margin-bottom: 30px; } #main_navigation > .s_wrap > .s_col_12 {   position: relative;   border-top: 1px solid #e6e6e6; } #categories {   clear: both;   <?php if ($language == 'ltr'): ?>   float: left;   <?php else: ?>   float: right;   <?php endif; ?>   padding: 13px 0 0 0; } #categories > ul {   margin-bottom: 14px; } #categories > ul > li, #categories > ul > li > {   position: relative;   height: 32px;   line-height: 32px; } #categories > ul > li > {   padding: 0 10px; } #categories > ul > li:hover > a, #categories > ul > li > a:hover {   color: #fff; } #categories > ul > li > .sub-menu, #cart_menu .s_submenu {   width: 200px;   padding: 10px 15px;   background-color: #fff;   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);   -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }  ul.sub-menu > li > ul {                                         /*added david*/     width: 100%;     padding: 0px 15px;     clear: left; }  #categories .sub-menu > li {   <?php if ($language == 'ltr'): ?>   float: left;   clear: left;   <?php else: ?>   float: right;   clear: right;   <?php endif; ?>   width: 185px;   line-height: 20px; } #categories .sub-menu > li:before {   top: 13px; } #categories .sub-menu > li > {   display: block;   padding: 5px 0; } #categories .sub-menu > li:hover {   position: relative; } /*****#categories .sub-menu li:hover > ul {****/ /*****  display: block;                    ****/                        /*commented out david*/ /****}                                     ****/ #categories .sub-menu > ul {   position: absolute;   /*top: -10px;*/   left: 96%;   /*display: none;*/ } #categories .s_submenu li.s_selected > {   font-weight: bold; }

i found issue. 

#categories .sub-menu ul {   position: relative;   /*top: -10px;*/   /*left: 96%;*/   /*display: none;*/   clear:left; }

i don't think clear:left needed keep there.


Comments

Post a Comment

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

Image
given ax = plt.subplot() : ax.bar()[0] can passed plt.legend() . however, ax.bar3d() returns none . how create legend displayed bars? update: passing legend="stuff" ax.bar3d() , calling ax.legend() raises /usr/lib/python2.6/site-packages/matplotlib/axes.py:4368: userwarning: no labeled objects found. use label='...' kwarg on individual plots. warnings.warn("no labeled objects found. " you need use proxy artist legends not supported. this code: from mpl_toolkits.mplot3d import axes3d import matplotlib.pyplot plt import numpy np fig = plt.figure() ax = fig.add_subplot(111, projection='3d') x, y = np.random.rand(2, 100) * 4 hist, xedges, yedges = np.histogram2d(x, y, bins=4) elements = (len(xedges) - 1) * (len(yedges) - 1) xpos, ypos = np.meshgrid(xedges[:-1]+0.25, yedges[:-1]+0.25) xpos = xpos.flatten() ypos = ypos.flatten() zpos = np.zeros(elements) dx = 0.5 * np.ones_like(zpos) dy = dx.copy() dz = hist.flatten() ax...
Read more

java - Multi-Label Document Classification -

i have database in store data based upon following 3 fields: id, text, {labels}. note each text has been assigned more 1 label \ tag \ class. want build model (weka \ rapidminer \ mahout) able recommend \ classify bunch of labels \ tags \ classes given text. i have heard svm , naive bayes classifier, not sure whether support multi-label classification or not. guides me right direction more welcome! the basic multilabel classification method one-vs.-the-rest (ovr), called binary relevance (br). basic idea take off-the-shelf binary classifier, such naive bayes or svm, create k instances of solve k independent classification problems. in python-like pseudocode: for each class k: learner = svm(settings) # example labels = [class_of(x) == k x in samples] learner.learn(samples, labels) then @ prediction time, run each of binary classifiers on sample , collect labels predict positive. (both training , prediction can done in parallel, since problems assumed ...
Read more

php - Dynamic url re-writing using htaccess -

how can rewrite http://mydomain.com/test/master.php?catid=2&subcatid=8 http://mydomain.com/test/master.php/catname/subcat using .htaccess file. once rewritten, how can access these parameters in master.php? note: untested, let me know if doesn't work. rewriterule ^master.php/([a-za-z0-9_-]+)/([a-za-z0-9_-]+)$ /master.php?catid$1&subcatid=$2 [l]
Read more