ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите исправить кросбраузерное меню
5 сообщений из 5, страница 1 из 1
Помогите исправить кросбраузерное меню
    #38602767
Горизонтальное меню
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальное меню
Гость
Ссылка на jsfiddle
в меню новости выпадает двугое меню, как сделать, чтобы ячейка растянуласть под текст по высоте
и как сделать, чтобы работало на много уровнях вложений
спасибо!
...
Рейтинг: 0 / 0
02.04.2014, 11:25
| Ответить | Цитировать | Написать  
Помогите исправить кросбраузерное меню
    #38602956
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Горизонтальное меню,

 
No JavaScript, работает даже в IE8
Код: html
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.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
ul#hmenu {
	margin:0;
	border:0 none;
	padding:0;
  list-style:none;
	background:#565766;
	height:26px;
	font:bold 12px Verdana, Arial;
	line-height:26px;
}

ul#hmenu li {
	margin:0;
	border:0;
	padding:0;
	float:left;
	display:inline;
	list-style:none;
	position:relative;
	height:auto;
}

ul#hmenu ul {
	margin:0;
	border:0 none;
	padding:0;
	width:160px;
	list-style:none;
	display:none;
	position:absolute;
	top:26px;
	left:0;
}

ul#hmenu ul:after {
	clear:both;
	display:block;
	font:1px/0px serif;
	content:".";
	height:0;
	visibility:hidden;
}

ul#hmenu ul li {
	width:160px;
	float:left;
	display:block !important;
	display:inline;
}

/* Main Menu */
ul#hmenu a {
	border:0px;
	padding:0 6px;
	float:none !important;
	float:left;
	display:block;
	background:#565766;
	color:#FFFFFF;
	text-decoration:none;
	height:auto !important;
}

/* Main Menu Hover */
ul#hmenu a:hover,
ul#hmenu li:hover a,
ul#hmenu li.iehover a {
	background:#808298;
	color:#FFFFFF;
}

/* Second Menu */
ul#hmenu li:hover li a,
ul#hmenu li.iehover li a {
	border-top:1px solid #FFFFFF;
	float:none;
	background:#565766;
	color:#FFFFFF;
	line-height:17px;
	padding:3px;
}

/* Second Menu Hover */
ul#hmenu li:hover li a:hover,
ul#hmenu li:hover li:hover a,
ul#hmenu li.iehover li a:hover,
ul#hmenu li.iehover li.iehover a {
	border-top:1px solid #FFFFFF;
	background:#808298;
	color:#FFFFFF;
}

ul#hmenu ul ul {
	display:none;
	position:absolute;
	top:0;
	left:160px;
}

ul#hmenu li:hover ul ul,
ul#hmenu li.iehover ul ul {
display:none;
}

ul#hmenu li:hover ul,
ul#hmenu ul li:hover ul,
ul#hmenu li.iehover ul,
ul#hmenu ul li.iehover ul {
display:block;
} 
</style>
<title></title>
</head>

<body topmargin="10" leftmargin="10">

<ul id="hmenu" style="width:400px;">
	<li><a href="#">About</a>
		<ul>
			<li><a href="#">Contacts</a></li>
			<li><a href="#">Sitemap</a></li>
		</ul>
	</li>
	<li><a href="#">News</a></li>
	<li><a href="#">Products</a>
		<ul>
			<li><a href="#">Длинный пункт меню в несколько строк</a></li>
			<li><a href="#">Group #2</a></li>
			<li><a href="#">Group #3</a></li>
			<li><a href="#">Group #4</a></li>
			<li><a href="#">Group #5</a></li>
		</ul>
	</li>
	<li><a href="#">Support</a>
		<ul>
			<li><a href="#">Download center</a></li>
			<li><a href="#">FAQ</a></li>
		</ul>
	</li>
</ul>
</body>

</html>

...
Рейтинг: 0 / 0
02.04.2014, 13:15
| Ответить | Цитировать | Написать  
Помогите исправить кросбраузерное меню
    #38603035
Горизонтальное меню
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальное меню
Гость
user89,
Огромнейшее спасибо!
подскажите
iehover - это какой то класс js? в коде его нету
...
Рейтинг: 0 / 0
02.04.2014, 14:13
| Ответить | Цитировать | Написать  
Помогите исправить кросбраузерное меню
    #38603111
Горизонтальное меню
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Горизонтальное меню
Гость
нашел в нете
тут
спасибо еще раз
...
Рейтинг: 0 / 0
02.04.2014, 15:02
| Ответить | Цитировать | Написать  
Помогите исправить кросбраузерное меню
    #38603119
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Горизонтальное меню,

если честно, стащил год назад с какого сайта, и допилил под свои нужды. Видать не всё допилил, если прозевал iehover
Попробуйте убрать его из CSS, если всё будет нормально, то значит он лишний...
...
Рейтинг: 0 / 0
02.04.2014, 15:05
| Ответить | Цитировать | Написать  
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите исправить кросбраузерное меню
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38603035&tid=1447253]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 149ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 218ms
total:  458ms
созд. / загр.: 458ms
x
x
Закрыть


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