Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» [решено]Редактирвоание темыавтор AlexDarkTech Сегодня в 08:14
» совет админам
автор лексей2222 Вчера в 08:31
» Проблема с гугл из-за Hitskin
автор лексей2222 Октябрь 11th 2024, 11:30
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
Разворачивающееся меню
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Разворачивающееся меню
Добрый вечер, буду благодарен всем кто сможет помочь.
Проблема такова - при наведении курсора на пункт меню оно разворачивается, а несколько нижних пунктов "съедаются" форумом расположенным ниже. С этим можно что-то сделать ???
Скрин:
Код ХТМЛ:
Код ЦСС:
Адрес форума - http://igriprestolov.gip-gip.ru
Проблема такова - при наведении курсора на пункт меню оно разворачивается, а несколько нижних пунктов "съедаются" форумом расположенным ниже. С этим можно что-то сделать ???
Скрин:
Код ХТМЛ:
- Код:
<ul class="menu_p">
<li>
<p>Заголовок меню</p>
<ul>
<li><a href="#">Пункт первый </a></li>
<li><a href="#">Пункт два</a></li>
<li><a href="#">Пункт идущий третьим</a></li>
<li><a href="#">Пункт четвертый и последний</a></li>
</ul>
</li>
<li>
<p>Заголовок меню 2</p>
<ul>
<li><a href="#">2 Пункт первый </a></li>
<li><a href="#">2 Пункт два</a></li>
<li><a href="#">2 Пункт идущий третьим</a></li>
<li><a href="#">2 Пункт четвертый и последний</a></li>
</ul>
</li>
</ul>
Код ЦСС:
- Код:
.menu_p, .menu_p ul {
margin: 20px 0 0 0;
padding: 0;
list-style: none outside none;
z-index: 999 !important;
}
.menu_p {
width: auto;
margin: 2px;
}
.menu_p:before, .menu_p:after {
content: "";
display: table;
}
.menu_p:after {
clear: both;
}
.menu_p {
zoom:1;
}
.menu_p li {
float: left;
position: relative;
margin-right: 10px;
}
.menu_p p {
width: auto;
height: auto;
float: left;
padding: 5px; /*отступ для текста внутри заголовка обеих менюшек*/
outline: none;
border: 1px solid #273430;
border-radius: 8px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-top: 5px; /*отступ от верхнего края названия форума для заголовков обеих менюшек*/
color: #e5f2d1 !important; /*цвет заголовков*/
background: url('http://igriprestolov.rolka.su/files/0010/c5/8f/70917.png'); /*фон под заголовками*/
text-align: center;
z-index: 999 !important;
}
.menu_p ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 30px; /*отступ всплывающих контейнеров*/
left: 0;
z-index: 999 !important;
background: url('http://igriprestolov.rolka.su/files/0010/c5/8f/70917.png'); /*полупрозрачный фон под обе менюшки*/
border: 1px solid #273430; /*границы для менюшек*/
padding: 5px; /*отступ для текста внутри обеих менюшек*/
border-radius: 8px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.menu_p li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
z-index: 999 !important;
}
.menu_p ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
z-index: 999 !important;
}
.menu_p ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
z-index: 999 !important;
}
.menu_p ul a {
padding: 3px;
margin: 5px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
outline: none;
color: #e5f2d1 !important; /*цвет ссылок в менюшках*/
z-index: 999 !important;
}
.menu_p ul a:hover {
background: url('http://igriprestolov.rolka.su/files/0010/c5/8f/67479.png'); /*цвет подсветки ссылок*/
margin: 5px;
border-radius: 5px;
z-index: 999 !important;
}
.menu_p::before, .menu_p::after {
content: "";
display: table;
}
li {
display: list-item;
}
Адрес форума - http://igriprestolov.gip-gip.ru
Последний раз редактировалось: ShMaster (Май 19th 2013, 15:10), всего редактировалось 1 раз(а)
Re: Разворачивающееся меню
Вы делали по этой теме? https://help.forum2x2.ru/t22672-topic#172190
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Разворачивающееся меню
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Разворачивающееся меню
ShMaster пишет:Адрес форума - http://igriprestolov.gip-gip.ru
Кстати, у меня этот форум на движке PunBB.
Вот, может быть какой-то из скриптов или что-то в ЦСС ?
Re: Разворачивающееся меню
Извиняйте, не вижу Тайной комнаты Вклейте, пожалуйста, меню еще в какой-нибудь подфорум.
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Разворачивающееся меню
У вас фон всплывающего окна сделан полупрозрачной картинкой
К примеру
Замените выделенную строчку на обычный цвет..menu_p ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 30px; /*отступ всплывающих контейнеров*/
left: 0;
z-index: 999 !important;
background: url('http://igriprestolov.rolka.su/files/0010/c5/8f/70917.png'); /*полупрозрачный фон под обе менюшки*/
border: 1px solid #273430; /*границы для менюшек*/
padding: 5px; /*отступ для текста внутри обеих менюшек*/
border-radius: 8px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
К примеру
- Код:
background-color:#050A0C;
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Разворачивающееся меню
Никакой разницы нет, увы. Проблема не решена.
Дело совсем не в полупрозрачных фонах, а где-то в структуре "див", в приоритетах отображения, но я сам найти не смог ошибку (
Дело совсем не в полупрозрачных фонах, а где-то в структуре "див", в приоритетах отображения, но я сам найти не смог ошибку (
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Разворачивающееся меню
Там 4 пункта должно быть, и края скругленные везде )
Через мазилу видно три пункта, сжирается только четвертый, но меня как-то это не особо обнадёживает )
Через мазилу видно три пункта, сжирается только четвертый, но меня как-то это не особо обнадёживает )
Re: Разворачивающееся меню
Дело в свойстве overflow (отображение содержания за пределами контейнера) у ячейки, в которой располагается описание подфорума:
- Код:
.pun table .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Разворачивающееся меню
Спасибо огромное !!!
Я долго с этим мучался сам Х_х Наконец-то разрешилось )))
Я долго с этим мучался сам Х_х Наконец-то разрешилось )))
Похожие темы
» Как заменить стандартное меню навигации на разворачивающееся меню?
» разворачивающееся меню навигации
» Меню разворачивающееся по клику
» Разворачивающееся меню(Помощь)
» Разворачивающееся меню на html-странице
» разворачивающееся меню навигации
» Меню разворачивающееся по клику
» Разворачивающееся меню(Помощь)
» Разворачивающееся меню на html-странице
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения