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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Участник
***

Группа: User
Сообщений: 220
Регистрация: 15.5.2011
Поблагодарили: 27 раз
Репутация:   0  


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

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

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

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


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


Участник
***

Группа: User
Сообщений: 195
Регистрация: 12.8.2010
Из: Тагила
Поблагодарили: 74 раза
Репутация:   25  


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


Участник
***

Группа: User
Сообщений: 220
Регистрация: 15.5.2011
Поблагодарили: 27 раз
Репутация:   0  


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

<!-- 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


Участник
***

Группа: User
Сообщений: 195
Регистрация: 12.8.2010
Из: Тагила
Поблагодарили: 74 раза
Репутация:   25  


Постарался воссоздать Вашу проблему.
Итак, если галерея с анонсами выводится в блоке со свойством 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


Участник
***

Группа: User
Сообщений: 220
Регистрация: 15.5.2011
Поблагодарили: 27 раз
Репутация:   0  


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

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



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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по где купить дёшево домены com info biz net
6 docdie 988 13.12.2017, 18:29
автор: docdie
Открытая тема (нет новых ответов) Как привязать меню к кнопке <nav> ?
2 pippak 899 11.12.2017, 15:57
автор: Nell
Открытая тема (нет новых ответов) Подскажите аналоги хостинга
0 dimaguru 360 8.12.2017, 14:55
автор: dimaguru
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 574 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Подскажите норм VPN-сервис для смартфона?
28 CyberAngel 4440 28.11.2017, 21:06
автор: bitcoin24_exchange


 



RSS Текстовая версия Сейчас: 15.12.2017, 22:23
Дизайн