Нужно чтоб одна подкатегория меню не скрывалась - HTML, CSS - Ответ 5952927

@12Gerc · Регистрация: 15.12.2013

Author24 — интернет-сервис помощи студентам

Нужно чтоб одна подкатегория меню не скрывалась.
То есть у меня создана стандартное выпадающее меню, мне необходимо, чтоб один пункт меню работал по другому.
Основной код отвечающий за скрытие

CSS

1
2
3

.moduletable_up li:hover ul ul, .moduletable_up li:hover ul ul ul, .moduletable_up li.sfhover ul ul, .moduletable_up li.sfhover ul ul ul {
   left: -999em;
}

Примерное место (вроде бы оно) где надо запретить скрытие

CSS

.moduletable_up .item-145 .nav-child ul.nav-child
{ width:140px !important;
 
padding: 10px 50px 5px 5px !important;
margin:0 !important}
 
.moduletable_up .item-145 .nav-child ul.nav-child li {width:120px !important;
margin-left:0 !important;}

Что необходимо прописать для запрета на скрытие, или какие другие варианты?

Весь код

CSS

.separator {
    font-family:12px Verdana,Arial;;
    color: #fff;
    outline: 0;
    text-decoration: none;
 
    display: block;
    padding: 10px 10px;
    font-weight: normal;
    list-style: none;
    text-align: center !important;
    font-size: 16px;
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    float: left;
}
.separator:hover, .separator.active {
    color: #cccc66;
    background: #741d09;
    border-radius: 3px;
    outline: none;
    text-decoration: none
}
 
 
 
 
 
.moduletable_up .item-145 .nav-child { width:650px !important;
float:left; padding:0px 30px 0 0;
margin: 40px 0 0 -300px}
 
.moduletable_up .item-145 .nav-child .nav-header {padding:0 15px 0 0;
  display: inline !important;}
  
  
.moduletable_up .item-145 .nav-child ul.nav-child
{ width:140px !important;
padding: 10px 50px 5px 5px !important;
margin:0 !important}
.moduletable_up .item-145 .nav-child ul.nav-child li {width:120px !important;
margin-left:0 !important;}
 
 
 
 
/*-----------------меню-------------------*/
 
#right1 {
    width: 820px;
    display: block;
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: none;
    display: inline;
    font: 12px Verdana, Arial !important;
}
 
#right1 ul li {
    float: right;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    list-style: none;
    text-align: left  !important;
    margin: 5px 0 0 0;
 
}
#right1 a {
    text-decoration: none;
}
.moduletable_up {
    float: right;
    margin: 0;
    top: auto;
    height: 54px;
    z-index: 100;
    position: relative;
 
 
}
.moduletable_up a {
    color: #FFF;
 font: 16px Verdana, Arial;
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    display: block;
    float: left;
    text-decoration: none;
        
}
 
 
 
.moduletable_up a:hover, .moduletable_up li.active a {
    color: #3286CB;
    background:# 0CF;
    border-radius: 3px;
    outline: none;
    text-decoration: none;
 
 
}
.moduletable_up a:hover, .moduletable_up li.active a
{background:#fff !important; }
 
 
 
 
.moduletable_up li ul {
    position: absolute;
    font-family: 12px Verdana,Arial;
    margin:0 auto;
    padding:0;
    width: 170px;
    left: -999em; /* Скрытие подпунктов */
    background-color: #fff;
    border: solid 1px  #999999;
    border-radius: 2px;
    display: inline;
 
}
 
/* Внутренне выравнивание*/
.moduletable_up li li a {
    width: 280px;
    background-color: #fff;
    border: 0;
    padding: 0 0 0 0;
    color:#2F83C8;
}
 
/* Внутренне выравнивание 2*/ 
.moduletable_up li ul a {
    width: 150px;
    margin: -10px 0 0 10px !important;
    padding-left: 7px;
} 
 
/* Скрывает подпункты */
.moduletable_up li:hover ul ul, .moduletable_up li:hover ul ul ul, .moduletable_up li.sfhover ul ul, .moduletable_up li.sfhover ul ul ul {
    left: -999em;
}
 
/* Показывает подпункты */
.moduletable_up li:hover ul, .moduletable_up li li:hover ul, .moduletable_up li li li:hover ul, .moduletable_up li.sfhover ul, .moduletable_up li li.sfhover ul, .moduletable_up li li li.sfhover ul {
    left: auto;
} 
 
/* Сдвиг подпунктов 2 урв */
li.parent ul {
    margin-top:40px;
    margin-left:-104px;
    
}
 
 
 
/* Третий уровень */
li.parent ul ul {
    margin: -16px 0 0 10px;
    
} 
 
 
ul.right1 li a {
    color:#3286CB;
    display:block;
    padding: 12px 12px;}
    
li.parent_up ul li a {
    display:block;
    float:left;
}
li.parent_up a {
    color:#3286CB;
    display:block;
    text-decoration:none;}
    
li.parent ul ul a:hover, li.parent ul ul a:active, li.parent ul a:hover, li.parent  ul a:active{
    background:#EDF2F6 !important}

Вернуться к обсуждению:
Нужно чтоб одна подкатегория меню не скрывалась HTML, CSS

Следующий ответ

Другие темы раздела
HTML, CSS Position: fixed залазит куда не надо Подскажите, пожалуйста, зуммирую окно браузера и фиксированный блок налазит поверх всех элементов и смещается из левой стороны (где он должен быть) правее, примыкая к левому краю. можно как-то запретить блоку с fixed выходит за границы своего блока? https://www.cyberforum.ru/ html/ thread1129930.html	HTML, CSS При добавлении border слетает разметка <div class='everyday'>1</div> .everyday{ width:50px; float:left; text-align: center; background: greenyellow; border:1px solid black; } в вложениях -картинки с бордером и без
HTML, CSS Не правильно загружаеться стиль https://www.cyberforum.ru/ html/ thread1129747.html Все доброго времени суток у меня такой вопрос. Многим известен сайт battlelog для battlefield 4 , так вот у меня такая ошибка:(1 скрин) а должно быть так: (2 скрин). Я использую FireFox 28.0. Помогите пожалуйста.	HTML, CSS Трезвый взгляд на рынок веб-разработки Сейчас на рынке множество популярных веб-фреймворков:ASP.NET, Django, Rails, Zend и т.д. Сложно себе представить ситуацию, чтобы кто-то досканально разбирался во всех. Но и одного может быть недостаточно - он может внезапно загнуться. Поэтому, обратившись в веб-разработку, я стою перед выбором, требующим вашего трезвого взгляда на ситуацию: сколькими фреймворками достаточно овладеть, ... https://www.cyberforum.ru/ html/ thread1129712.html
HTML, CSS Фиксированный блок Подскажите, пожалуйста, какие свойства div'у задать, кроме position: fixed, чтобы он опускался вместе с прокруткой только тогда, тогда он сверху будет граничить с браузером? то есть так: у меня есть шапка страницы, под ней этот самый фиксированный блок. я тащу ползунок вниз, пока прохожу шапку - фиксированный блок там же, где и был, как только шапку прошел и браузер (адресная строка) коснулся...	HTML, CSS Firefox height: calc(100% - 30px); https://www.cyberforum.ru/ html/ thread1129615.html Во Всех браузера работает height: calc(100% - 30px); в Firefox - нет, возвращает значение как-будто стоит height: auto; , если ставить просто height: 100%; то див растягивается на 100%. Пробовал и height: -moz-calc(100% - 30px); Подскажите что делать ?
HTML, CSS Стили для select Как можно сделать select в форме такого вида: https://www.cyberforum.ru/ html/ thread1129572.html	Защита аудио наложением войстега в HTML5 HTML, CSS Скажите. Как сделать чтобы при включении Mp3, поверх включался еще один файл voiceteg и повторялся с интервалами пока работает Mp3??? Кстати на базе плеера , ну очень надо для продажи собственной музыки. Зараниее всем спасибо!!!! Добавлено через 10 минут Чуть чуть перефразирую для начала. "Возможно ли так сделать?" Перекопал интернет ничего близко похожего не нашел. Ну очень,очень...
HTML, CSS Убрать верхний и левый border у input type="text" Почему верхний и левый бортик окрашивается другим цветом? и как весь border сделать одним цветом? .field { width: 170px; border-radius: 2px; border-width: 1px; border-color: #C4C4C4; box-shadow: inset 0px 3px 3px rgba(129,129,129,0.18); } https://www.cyberforum.ru/ html/ thread1129418.html	HTML, CSS Градиентная тень https://www.cyberforum.ru/ html/ thread1129313.html Как сделать не одноцветную тень блока, а слева на право, чтобы переливалась тень с одного цвета на другой?
HTML, CSS Элемент должен быть закреплен Подскажите, что это значит? что у него position: fixed ? или что? к примеру, "форма комментария должна быть закреплена" - это как?	HTML, CSS Как лучше это реализовать https://www.cyberforum.ru/ html/ thread1129241.html Подкиньте совет кто нибудь как это лучше реализовать, использовать ли таблицу, с примером если было бы замечательно)

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

	26.03.2014, 08:39