ВопросКомментарий к "Выпадающее праймари (секондари) горизонтальное меню"

Здравствуйте!

Хочется выпадающего меню для горизонтального меню под шапкой http://za7gorami.ru/ Как кажется, эта задача - из серии простейших стандартных потребностей вебмастера, и должно быть какое-то простое решение. К сожалению, я владею только HTML и CSS, а этого явно не достаточно для решения подобных задач.

Ваш вариант решения - http://drupalace.ru/lesson/vypadayushchee-praimari-sekondari-gorizontalnoe-menyu - действительно простой и описание замечательное, но он не сработал в Explorer 7 - там ссылки остались вертикальным перечислением, как на первом этапе вашего мануала, хотя в Хроме и Сафари всё было здорово - там оставалось только CSS подредактировать, чтобы выпадающие "блоки" стали симпатичными... Возможно, я совершил где-то ошибку - ещё, вероятно, буду пробовать...

Никаких других простых вариантов, кроме вашего, я в сети не нашёл, хотя и занимаюсь этим последние 8 часов.

Комментарии

Аватар пользователя Spleshka
Spleshka написал:

Зашёл на ваш сайт - не нашёл там вообще выпадающего меню :(

27.03.2011 01:57
Аватар пользователя Spleshka
Spleshka написал:

А вообще - используйте вот такие стили:

div#menu ul {
	text-align: center;
}
 
div#menu ul li {
	display: inline;
	position: relative;
	padding-bottom: 10px;
}
 
div#menu ul li a {
	line-height: 27px;
}
 
div#menu ul li ul {
	background: white;
	display: none;
	position: absolute;
	padding: 10px;
	margin: 0;
	left: 0;
	top: 24px;
	border: 1px solid black;
        width:140px;
}
 
div#menu ul li ul li {
	display: block;
	text-align: left;
	padding: 0;
	margin: 0;
}
 
div#menu ul li ul li a {
	line-height: 27px;
}

Ну, поменяв само собой высоту строки и цвета на свои. В IE7 точно прокатит

27.03.2011 01:58
Аватар пользователя david
david написал:

Да, выпадающего меню там нет, так как не хотел оставлять в блоге такую полурабочую вещь. Попробую сделать так, как вы предложили. Большое спасибо!

05.04.2011 20:00

Комментировать