Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите исправить кросбраузерное меню / 5 сообщений из 5, страница 1 из 1
02.04.2014, 11:25
    #38602767
Горизонтальное меню
Горизонтальное меню
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите исправить кросбраузерное меню
Ссылка на jsfiddle
в меню новости выпадает двугое меню, как сделать, чтобы ячейка растянуласть под текст по высоте
и как сделать, чтобы работало на много уровнях вложений
спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2014, 13:15
    #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, 14:13
    #38603035
Горизонтальное меню
Горизонтальное меню
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите исправить кросбраузерное меню
user89,
Огромнейшее спасибо!
подскажите
iehover - это какой то класс js? в коде его нету
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2014, 15:02
    #38603111
Горизонтальное меню
Горизонтальное меню
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите исправить кросбраузерное меню
нашел в нете
тут
спасибо еще раз
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.04.2014, 15:05
    #38603119
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Помогите исправить кросбраузерное меню
Горизонтальное меню,

если честно, стащил год назад с какого сайта, и допилил под свои нужды. Видать не всё допилил, если прозевал iehover
Попробуйте убрать его из CSS, если всё будет нормально, то значит он лишний...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите исправить кросбраузерное меню / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 309ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447253]:
 0ms
get settings:
 5ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 48ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 27ms
get tp. blocked users:
 1ms
others: 198ms
total:  309ms
x
x
Закрыть


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