X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Подскажите по меню и плагину..., вордпресс
NekiNeko
NekiNeko
Topic Starter сообщение 30.9.2011, 15:07; Ответить: NekiNeko
Сообщение #1


Понадобилось мне на один сайт добавить выпадающее меню (под шапку).
Воспользовалась вот этим плагином Multi-level Navigation.

Все замечательно, только под шапкой небольшая галерея с анонсами, и когда меню разворачивается, то оказывается ЗА картинкой анонса... Как это можно поправить?

Заранее спасибо

Сообщение отредактировал NekiNeko - 30.9.2011, 15:10
Эскизы прикрепленных изображений
Прикрепленное изображение
 


--------------------
Нужны тексты на английском от носителя языка? — Welcome to Michael
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dan1
dan1
сообщение 30.9.2011, 15:18; Ответить: dan1
Сообщение #2


Попробуйте применить к меню свойство z-index. Вообще для решения проблемы стоит детально посмотреть исходный код. Без него вряд ли кто-нибудь поможет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NekiNeko
NekiNeko
Topic Starter сообщение 30.9.2011, 15:32; Ответить: NekiNeko
Сообщение #3


Вот, насколько я понимаю, код плагина:

<!-- Multi-level Navigation Plugin v2.2.1 by PixoPoint Web Development ... http://pixopoint.com/multi-level-navigation/ -->

<!-- Inline CSS from Multi-level Navigation Plugin | this mode is activated via the admin page -->
<style type="text/css">
#suckerfishnav {
    background:#000000 url("../multi-level-navigation-plugin/images/suckerfish_pink.png")repeat;
    font-size:14px;
    font-family:verdana,sans-serif;
    font-weight:bold;
     width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:32px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
     width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#FFFFFF;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
     width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
     border:0;
    border-top:1px solid #666666;
     }
#suckerfishnav li li {
     width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
     width:80px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#9F1F769400D3;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#FFFFFF;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#40053D;
    }

</style>

Что в нем нужно изменить?

Просто некрасиво же и неудобно, непременно нужно поправить... cry.gif


--------------------
Нужны тексты на английском от носителя языка? — Welcome to Michael
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dan1
dan1
сообщение 30.9.2011, 16:04; Ответить: dan1
Сообщение #4


Постарался воссоздать Вашу проблему.
Итак, если галерея с анонсами выводится в блоке со свойством position:relative и если в нём ещё задано свойство z-index, то следует заменить:
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
     width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
     border:0;
    border-top:1px solid #666666;
     }

На:
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
     width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
     border:0;
    border-top:1px solid #666666;
    z-index: 5; /* Если не работает попробуйте увеличить значение. */
     }


В моём случае изначально выглядело следующим образом:

После добавления свойства z-index:


Если не помогает, то нужно будет смотреть детальнее.

Сообщение отредактировал dan1 - 30.9.2011, 16:07


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NekiNeko
NekiNeko
Topic Starter сообщение 30.9.2011, 16:19; Ответить: NekiNeko
Сообщение #5


Получилось!!! Как же все просто, когда за дело берутся профессионалы smile.gif)

dan1, спасибо большое.



Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Нужны тексты на английском от носителя языка? — Welcome to Michael


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по ошибкам из Яндекс вебмастера
1 noviktamw 1294 27.1.2024, 23:15
автор: Vmir
Открытая тема (нет новых ответов) Подскажите дейтинг партнерки с оплатой за регистрацию
18 Wolfhound 2160 9.3.2023, 6:17
автор: Skyworker
Открытая тема (нет новых ответов) Подскажите ПП. Траф только мобильный, только бурж.
тизеры\баннеры или видео
7 3rim 1757 21.9.2020, 19:39
автор: 3rim
Открытая тема (нет новых ответов) Подскажите партнёрку с мобильными офферами
5 docdie 2203 27.7.2020, 11:05
автор: WelcomePartners
Горячая тема (нет новых ответов) Подскажите нормальную ПП
Тематика: игры
37 Kiloan_Frost 7747 16.3.2020, 23:48
автор: MasterGraf


 



RSS Текстовая версия Сейчас: 20.4.2024, 7:39
Дизайн