Показать сообщение отдельно
  #3 (permalink)  
Старый 08.02.2010, 01:05
Аватар для Tim
Tim Tim вне форума
Профессор
Отправить личное сообщение для Tim Посмотреть профиль Найти все сообщения от Tim
 
Регистрация: 05.06.2009
Сообщений: 1,703

HTML надо немного подправить
<ul id="mainmenu">
<li><a href="#">Услуги</a>
	<ul>
		<li><a href="">Продвижение сайтов</a></li>
		<li><a href="">Разработка сайтов</a></li>
		<li><a href="">Управление сайтом</a></li>
		<li><a href="">Контекстная реклама</a></li> 
		<li><a href="">SEO-копирайтинг</a></li>
		<li><a href="">Фирменный стиль</a></li> 
		<li><a href="">Продвижение сайтов</a></li>
		<li><a href="">Разработка сайтов</a></li>
		<li><a href="">Управление сайтом</a></li>
		<li><a href="">Контекстная реклама</a></li> 
		<li><a href="">SEO-копирайтинг</a></li>
		<li><a href="">Фирменный стиль</a></li> 
	</ul> 
</li>
<li><a href="">Цены</a>
	<ul>
		<li><a href="">Продвижение сайтов</a></li>
		<li><a href="">Разработка сайтов </a></li>
		<li><a href="">Контекстная реклама</a></li>
	</ul>
</li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Контакты</a></li>
</ul>


#mainmenu {
	width: 150px;
}

#mainmenu li {
	border: 1px solid #cccccc;
	list-style: none;
	position: relative;
	padding: 5px 5px 5px 25px;
}

#mainmenu ul li {
	padding: 2px 2px 2px 25px;
	width: 200px;
}

#mainmenu ul {
	position: absolute;
	left: 108px;
	top: 0px;
	display: none;
}

#mainmenu li:hover ul {
	display: block;
}


Проверено в Opera 10 и FF 3.6 в IE будет баг для него нужно скрипты применять.
__________________
Лучше установить FreeBSD, чем потратить 30 лет на Linux'ы и выяснить какой из них хуже.
Самые главные в жизни вещи - не вещи! (было написано на одном гараже =)
Ответить с цитированием