powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS - Стилизованное меню - пропадает выделение
4 сообщений из 4, страница 1 из 1
CSS - Стилизованное меню - пропадает выделение
    #37997678
Mans7
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Сделал меню на сайте выпадающее - всё хорошо и красиво. В HTML только ul да li. Схема выпадания и внешнего вида оформлена в CSS. Когда навожу на пункт меню - открываются его подпункты. То есть ul -> li пункты меню -> ul -> li подпункты меню. При наведении на пункт меню, его стиль слегка меняется. Это работает. Но, если выделять подпункты этого пункта меню, то стиль пункта меню сбрасывается как если бы я отвёл от него мышку. Ну по факту оно так и есть. То есть - навожу - текст становится белым на синем фоне. Отвожу на нижние подпункты - этот текст становится черным на белом фоне.

Вопрос: Как сделать так, чтобы его стиль оставался таким пока открыты подпункты меню?
Прикладываю CSS код.
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
#nav,#nav ul { 
list-style: none outside none; 
margin: 0; 
padding: 0; 
} 

/* Настройки поля под меню */
#nav { 
float:left;position:absolute;left:200px;top:37px;width:700px;height:115px;
} 

/* ПРЕД-настройки выпадающего списка */
#nav ul { 
left: -9999px; 
overflow: hidden; 
position: absolute; 
top: -9999px; 
z-index: 2; 

-moz-transform: scaleY(0); 
-ms-transform: scaleY(0); 
-o-transform: scaleY(0); 
-webkit-transform: scaleY(0); 
transform: scaleY(0); 

-moz-transform-origin: 0 0; 
-ms-transform-origin: 0 0; 
-o-transform-origin: 0 0; 
-webkit-transform-origin: 0 0; 
transform-origin: 0 0; 

-moz-transition: -moz-transform 0.1s linear; 
-ms-transition: -ms-transform 0.1s linear; 
-o-transition: -o-transform 0.1s linear; 
-webkit-transition: -webkit-transform 0.1s linear; 
transition: transform 0.1s linear; 
} 

#nav li { 
float: left; 
position: relative; 
} 

/* Главные пункты */
#nav li a { 
display: block; 
color: #000000; 
font-family:arial,verdana,sans-serif;
font-weight:bold;
font-size:13px;
float: left; 
text-transform:uppercase;
padding: 17px 10px 17px 10px;
position: relative; 
text-decoration: none; 
} 

/* Класс текущей страницы */
#nav a.current
{
background: none repeat scroll 0 0 #004E87 !important; 
color: #ffffff !important; 
outline: 0 none;
}

/* Наведение на пункт меню */
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active { 
background: none repeat scroll 0 0 #004E87; 
color: #ffffff !important; 
outline: 0 none; 
} 

/* Выпадающий список - параметры */
#nav li:hover ul.subs { 
left: 0; 
top: 50px; 
width: 180px; 

-moz-transform: scaleY(1); 
-ms-transform: scaleY(1); 
-o-transform: scaleY(1); 
-webkit-transform: scaleY(1); 
transform: scaleY(1); 
} 

/* Пункты подменю */
#nav ul li { 
background: none; 
width: 100%; 
} 

#nav ul li a {
background-color: #004E87 !important; 
color: #ffffff !important; 
float: none;
display: block;
padding: 6px 10px 6px 10px;
font-size:12px;
font-weight:normal;
text-transform:none;
line-height: 17px; 
} 

/* Наведение на пункты подменю */
#nav ul li:hover > a { 
background-color: #2C6A9B !important; 
color: #ffffff !important; 
} 

#nav a.current2 { 
background-color: #2C6A9B !important; 
color: #ffffff !important; 
}

...
Рейтинг: 0 / 0
CSS - Стилизованное меню - пропадает выделение
    #37998238
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Mans7,

никак. на цсс вы только одноуровневые меню сможете сделать, дальше скрипт. Для jQuery тонны разных меню написано.
...
Рейтинг: 0 / 0
CSS - Стилизованное меню - пропадает выделение
    #37998269
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mage.lanникак. на цсс вы только одноуровневые меню сможете сделать, дальше скриптЧто значит только одноуровневые?
...
Рейтинг: 0 / 0
CSS - Стилизованное меню - пропадает выделение
    #37998343
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANA,

на той задаче, которая стоит, чтобы оставалась подсветка до совершения выбора - только одноуровневые.
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS - Стилизованное меню - пропадает выделение
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]