Joomla 1.5 Всплывающее меню

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Nesha, 30.08.2011.

  1. Nesha
    Offline

    Nesha Недавно здесь

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Всем доброго времени суток! Еще одна проблема - поставила компонент всплывающего меню swMenuFree. При наведении на родительский пункт меню подпункты уходят за блоки. Подскажите, пожалуйста, как решить проблему?
    http://spektrat.tmweb.ru
     
  2.  
  3. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Используйте z-index.
     
  4. Nesha
    Offline

    Nesha Недавно здесь

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Если нетрудно - поподробнее. Спасибо.
     
    Последнее редактирование: 30.08.2011
  5. Nesha
    Offline

    Nesha Недавно здесь

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    А где его использовать? Если нетрудно поподробнее. Спасибо.
     
  6. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    В самом компоненте есть ручное редактирование css, смотрите там.
    В коде у вас тут отрицательное значение z-inex

    <div id="menu-0-section" class="section" style="width: 247px; top: 11px; left: 100px; visibility: hidden; z-index: -1;">
     
  7. Nesha
    Offline

    Nesha Недавно здесь

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Не хотела надоедать - но лучше скину весь код компонента

    .ddmx{
    border:0px solid #FFFFFF !important ;
    }
    .ddmx a.item1,
    .ddmx a.item1:hover,
    .ddmx a.item1-active,
    .ddmx a.item1-active:hover {
    padding: 5px 5px 5px 5px !important ;
    top: 0px !important ;
    left: 0px;
    font-size: 12px !important ;
    font-family: Arial, Helvetica, sans-serif !important ;
    text-align: left !important ;
    font-weight: normal !important ;
    color: #19197 !important ;
    text-decoration: none !important ;
    display: block;
    white-space: nowrap;
    position: relative;
    background-image:none;}
    .ddmx td.item11 {
    background-color: #008B8 !important ;
    padding:0 !important ;
    border-top: 1px dashed #191970 !important ;
    border-left: 1px dashed #191970 !important ;
    border-right: 1px dashed #191970 !important ;
    border-bottom: 0 !important ;
    white-space: nowrap !important ;
    }
    .ddmx td.item11-last {
    background-color: #008B8 !important ;
    padding:0 !important ;
    border: 1px dashed #191970 !important ;
    white-space: nowrap;
    }
    .ddmx td.item11-acton {
    padding:0 !important ;
    border-top: 1px dashed #191970 !important ;
    border-left: 1px dashed #191970 !important ;
    white-space: nowrap;
    border-right: 1px dashed #191970 !important ;
    }
    .ddmx td.item11-acton-last {
    border: 1px dashed #191970 !important ;
    }
    .ddmx .item11-acton-last a.item1,
    .ddmx .item11-acton a.item1,
    .ddmx .item11-acton-last a:hover,
    .ddmx .item11-acton a:hover,
    .ddmx .item11 a:hover,
    .ddmx .item11-last a:hover,
    .ddmx a.item1-active,
    .ddmx a.item1-active:hover {
    background-image:none; color: #FFFFFF !important ;
    background-color: #5F9EA0 !important ;
    }
    .ddmx a.item2,
    .ddmx a.item2:hover,
    .ddmx a.item2-active,
    .ddmx a.item2-active:hover {
    padding: 5px 5px 5px 5px !important ;
    font-size: 12px !important ;
    font-family: Arial, Helvetica, sans-serif !important ;
    text-align: left !important ;
    font-weight: bold !important ;
    text-decoration: none !important ;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index:500;
    opacity:0.85;
    }
    .ddmx a.item2 {
    background-image:none; background-color: #008B8 !important ;
    color: #000000 !important ;
    border-top: 1px dashed #11B8F4 !important ;
    border-left: 1px dashed #11B8F4 !important ;
    border-right: 1px dashed #11B8F4 !important ;
    }
    .ddmx a.item2-last {
    background-image:none; background-color: #008B8 !important ;
    color: #000000 !important ;
    border-bottom: 1px dashed #11B8F4 !important ;
    z-index:500;
    }
    .ddmx a.item2:hover,
    .ddmx a.item2-active,
    .ddmx a.item2-active:hover {
    background-image:none; background-color: #B0E0E6 !important ;
    color: #FFFFFF !important ;
    border-top: 1px dashed #11B8F4 !important ;
    border-left: 1px dashed #11B8F4 !important ;
    border-right: 1px dashed #11B8F4 !important ;
    }
    .ddmx .section {
    border: 0px solid #FFFFFF !important ;
    position: absolute;
    visibility: hidden;
    display: block;
    z-index: -1;
    }
    .ddmxframe {
    border: 0px solid #FFFFFF !important ;
    }
    * html .ddmx td { position: relative; } /* ie 5.0 fix */


    Посмотрите сами, пожалуйста.
     
  8. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Попробуйте изменить z-index на положительное значение.
     
  9. Nesha
    Offline

    Nesha Недавно здесь

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Результата 0
     
  10. Nesha
    Offline

    Nesha Недавно здесь

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    |H| Теперь проблема с боковым выпадающим меню.. Подпункты меню не видны..
    http://spektrat.tmweb.ru
    Помогите мне, пожалуйста.. Модуль SuperFishMenu
     
  11. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Переименуйте блок в котором "Каталог оборудования" и для него измените css

    .art-Block {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    min-height: 11px;
    min-width: 11px;
    position: relative;
    z-index: 0;
    }

    min-height: 11px; сделайте больше.
     

Поделиться этой страницей

Загрузка...