2013-08-23 2 views
0

Сайт: http://webdizajntest.com/egida/навигация подменит г-индекс

У меня есть проблема с меню позиционирования к югу, которая появляется при наведении курсора мыши, за главной навигацию уль элемента.

Я хочу, чтобы DIV с классом подменю появляться позади (ниже) список уль с идентификатором sticky_menu

Кто-нибудь есть ключ, какой подход следует использовать?

Вот код:

<div class='sticky_menu sticky_menu_style1 sticky_menu_980px sticky_menu_top '> 
    <ul id="sticky_menu" class="menu"> 
     <li id="menu-item-43" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-43"> 
      <a href="#">Kursevi jezika za odrasle<span> </span></a> 
      <div class="sub-menu clearfix "> 
       <div id="menu-item-64" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-64"> 
        <h6>Kategorija 2<span> </span></h6> 
       </div> 
       <div id="menu-item-63" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-63"> 
        <h6>Kategorija 3<span> </span></h6> 
       </div> 
       <div id="menu-item-54" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-54"> 
        <h6>Kategorija 4<span> </span></h6> 
       </div> 
       <div id="menu-item-70" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70"> 
        <h6>Kategorija 5<span> </span></h6> 
       </div> 
      </div> 
     </li> 
    </ul> 
</div> 

Вот скриншот того, как он должен выглядеть, когда она идет за: http://oi42.tinypic.com/2akk1he.jpg

Спасибо!

+0

Пожалуйста, покажите часть своего кода или создайте jsfiddle, чтобы мы знали, где вы находитесь. – SaturnsEye

ответ

0

Вы можете попробовать:

#sticky_menu li a { 
    display: block; 
    margin: 0; 
    padding: 10px 15px; 
    text-decoration: none; 
} 

в webdizajntest.com/egida/wp-content/plugins/sticky_menu/sprites/css/sticky_menu.css?ver=1.0

линия 90, чтобы быть точным

+0

Не работает, я думаю, что элемент не имеет значения, подменю div-класса - это проблема – user2688562

+0

, основная лития смещается во вторую строку. Если вы это исправите, меню перетаскивания выровняется точно. Ive отредактировал это через firebug и выглядело хорошо .. Хм .. –

+0

См.: Http://awesomescreenshot.com/0751n0xb47 –

0

Проверьте sticky_menu.css номер строки 69 и изменить 'сверху' ценностно

.sticky_menu_top #sticky_menu div.sub-menu { 
    display: none; 
    left: 0; 
    margin: 0 !important; 
    position: absolute; 
    top: 68px; // this value of 68px is looking good, you can change it as you see it fit 
    z-index: 9; 
} 

Надежда т его то, чего вы пытаетесь достичь.

+0

Спасибо, но нет. :) Я хочу, чтобы он появился BEHIND ul с id sticky_menu – user2688562

+0

Тогда вам придется изменить разметку. Вы не можете взять дочерний элемент за родителем. ваш .submenu и ul # stick_menu должен быть на том же уровне и не вложен. –

Смежные вопросы