Не работают две ссылки меню

Поделиться1Сб, 8 Фев 2020 09:37:56

Автор: ai-nechan
Заслуженный
Зарегистрирован: Пт, 25 Мар 2016
Сообщений: 38
Уважение: +11
Позитив: 0
Последний визит:
Чт, 22 Сен 2022 22:29:09

Добрый день.
Возникла проблема с главным меню форума - ссылки ФОРУМ и УЧАСТНИКИ работают не корректно:
• у меня форум не нажимается вообще, а участники - только если навести на последнюю букву, крайний нижний угол
• у другого администратора не нажимаются вообще
С чем это может быть связано и как исправить?

0

Поделиться2Сб, 8 Фев 2020 13:03:34

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11331
Уважение: +7757
Позитив: +5548
Пол: Мужской
Последний визит:
Сегодня 21:51:12

ai-nechan
У Вас меню навигации перекрывается блоками, стоящими в HTML верх:

Скриншот

Порегулируйте у этих блоков размеры (например у того блока, что на скриншоте, уменьшить высоту до 59px).

Ну или в стилях добавьте свойства у #pun-navlinks .container, чтобы меню было поверх всех этих блоков:

/* D3.2 */
#pun-navlinks .container {
padding: 1em 1em;
text-align: center;
position: relative;
z-index: 200;
}

+1

ВКонтакте alex__63

Поделиться3Сб, 8 Фев 2020 13:07:14

Автор: ai-nechan
Заслуженный
Зарегистрирован: Пт, 25 Мар 2016
Сообщений: 38
Уважение: +11
Позитив: 0
Последний визит:
Чт, 22 Сен 2022 22:29:09

Alex_63
Ура, изменила высоту блока и все заработало )) Спасибо!

+2

Поделиться4Сб, 8 Фев 2020 13:14:17

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7393
Уважение: +5895
Позитив: +6526
Пол: Мужской
Последний визит:
Сегодня 15:10:07

ai-nechan написал(а):

С чем это может быть связано и как исправить?

Добавьте:

/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 0.5em;
z-index: 1000;
}

А вообще, когда используете z-index смотрите не встанет ли блок поверху на что-то нужное.. В данном случае у вас ссылки были забиты этим блоком:

<div style="height: 99px;width: 252px;top: -35px;margin-left: 3px;position: absolute;z-index: 100;">
<a href="http://wiedzmin.rolevaya.ru/profile.php?id=6" title="Геральт: сюжет и матчасть"><img src="https://forumstatic.ru/files/0008/a5/2b/12950.png"></a> <a href="http://wiedzmin.rolevaya.ru/profile.php?id=7" title="Йеннифэр: административные вопросы"><img src="https://forumupload.ru/uploads/001a/a5/da/2/34209.png"></a>
</div>

Опоздал)))

Отредактировано kolobdur74 (Сб, 8 Фев 2020 13:15:51)

+1

Поделиться5Сб, 8 Фев 2020 13:20:42

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 11331
Уважение: +7757
Позитив: +5548
Пол: Мужской
Последний визит:
Сегодня 21:51:12

kolobdur74 написал(а):

#pun-navlinks li {
display: inline;
padding-right: 0.5em;
z-index: 1000;
}

У элементов со статическим позиционированием не работает же z-index. Нужно еще по крайней мере position:relative дописать.
И да, с z-index'ами аккуратнее надо, а то так можно например сервисное всплывающее окно mybb modal перекрыть (уведомления, перенос сообщений, просмотр оценок за пост и т.п), если слишком большие значения указывать.

+1