|
Горизонтальное меню
|
|
| LexaBLR | Дата: Среда, 03.04.2013, 11:56 | Сообщение # 1 |
Offline
Супер чел
Проверенные
| Сообщений: | 287 |
| Награды: | 3 |
| Замечания: | 0% |
|
В общем такое дело.
Как сделать чтобы при открытии пункта меню(список с сылками), данный пунктик оставался активным до той поры пока не уберешь курсор из списка.
Т.е. см пример тут
Там, в гор. менюшке, как навести и лазать по списку, пунктик меню(со стрелочкой вниз) остается голубого цвета.
Чего нужно в CSS добавить-то??:D
С меня "+" в репу.
Все круть...:D
Сообщение отредактировал LexaBLR - Среда, 03.04.2013, 11:56 |
| |
| |
| MaSTerGuiTar | Дата: Среда, 03.04.2013, 13:10 | Сообщение # 2 |
Offline
Генералиссимус
Модераторы
| Сообщений: | 1653 |
| Награды: | 17 |
| Замечания: | 0% |
|
У тебя такое же меню?
|
| |
| |
| LexaBLR | Дата: Суббота, 06.04.2013, 13:41 | Сообщение # 3 |
Offline
Супер чел
Проверенные
| Сообщений: | 287 |
| Награды: | 3 |
| Замечания: | 0% |
|
MaSTerGuiTar, другое.
Какой код нужен-то?Добавлено (06.04.2013, 13:41)
---------------------------------------------
Hallo!... I need Help. 
Все круть...:D
|
| |
| |
| Arhim | Дата: Суббота, 06.04.2013, 18:33 | Сообщение # 4 |
Offline
Продвинутый
Пользователи
| Сообщений: | 151 |
| Награды: | 0 |
| Замечания: | 0% |
|
CSS того меню: Код .menu li a{color:#fff;float:left;text-transform:uppercase;font-weight:700;height:35px;line-height:36px;text-shadow:0 1px 0 #333;padding:0 12px}
.menu li a.sub:after{padding:0 0 0 10px;content:"▼"}
.menu li a.selected:after,.menu li a.sub:hover:after {color:#282C2F;text-shadow:0 -1px 0 #000}
.menu li a:hover,.menu li a.selected{background:#0094cc;}
.sub-menu{background:rgba(22,22,22, 0.9);border:1px solid #262626;border-bottom:none;position:absolute;top:0;visibility:hidden;width:195px;z-index:100;border-radius:0 0 3px 3px;margin:-1px 0 0 -1px}
.sub-menu a{border-bottom:1px solid #282C2F;color:#fff !important;display:block;text-indent:12px;width:100%;padding:7px 0}
.sub-menu a:hover{background:#0094cc}
.menu,.menu li{display:inline}
.menu,.sub-menu{font-size:8pt}
a.activeMenu{background:url('') no-repeat 50% 0;box-shadow:0 9px 4px -6px #0094cc;}
Смотри четвертую, седьмую или последнюю строчку 
Сообщение отредактировал Arhim - Суббота, 06.04.2013, 18:47 |
| |
| |
| LexaBLR | Дата: Четверг, 11.04.2013, 00:12 | Сообщение # 5 |
Offline
Супер чел
Проверенные
| Сообщений: | 287 |
| Награды: | 3 |
| Замечания: | 0% |
|
Arhim, спасибо! Но не помогло...(
Все круть...:D
Сообщение отредактировал LexaBLR - Четверг, 11.04.2013, 02:40 |
| |
| |
| sold93 | Дата: Четверг, 11.04.2013, 12:19 | Сообщение # 6 |
Offline
Гуру
Модераторы
| Сообщений: | 1135 |
| Награды: | 11 |
| Замечания: | 0% |
|
Классы то совпадают?
подайте рептацию бедному студенту
|
| |
| |
| LexaBLR | Дата: Понедельник, 15.04.2013, 19:29 | Сообщение # 7 |
Offline
Супер чел
Проверенные
| Сообщений: | 287 |
| Награды: | 3 |
| Замечания: | 0% |
|
sold93, не. После редактирования тоже не прокатило...
Добавлено (12.04.2013, 03:01)
---------------------------------------------
Переформулирую вопрос:
При активации выпадающего меню, в его родительском элементе ссылка перестаёт быть активной(меняется цвет). Что нужно добавить в стилях, что бы при открытии выпадающего меню ссылка родителя оставалась активной(выделенной)?
Добавлено (15.04.2013, 04:16)
---------------------------------------------
HELP!  :help: :help:
Добавлено (15.04.2013, 19:29)
---------------------------------------------
Тему в топку! Разобрался.
Дело было в этом:
Код .menu li:hover {background: #fff}
А не так
Код .menu li a:hover, .menu li a.active...
Всем спасибо за предложения решения проблемы! 
Все круть...:D
Сообщение отредактировал LexaBLR - Понедельник, 15.04.2013, 19:31 |
| |
| |
