@SSafe

Оформление подменю через css?

Каким образом к этим стилям добавить подменю?

Меню html

<div id="menu">
			<ul>
				<li class="current_page_item"><a href="index.html" accesskey="1" title="">Главная</a></li>
                <li><a href="uslugi.html" accesskey="2" title="">Услуги</a>
                    <ul>
                        <li>submenu1</li>
                        <li>submenu2</li>
                        <li>submenu3</li>
                        <li>submenu4</li>
                        <li>submenu5</li>
                    </ul> 
                </li>
				<li><a href="o_nas.html" accesskey="3" title="">О нас</a></li>
				<li><a href="kontakty.html" accesskey="4" title="">Контакты</a></li>
				<li><a href="publikacii.html" accesskey="5" title="">Публикации</a></li>
			</ul>
		</div>


Меню сss
#menu
	{
		position: absolute;
		right: 0;
		top: 0;
	}
	
	#menu ul
	{
		display: inline-block;
	}
	
	#menu li
	{
		display: block;
		float: left;
		text-align: center;
	}
	
	#menu li a, #menu li span
	{
		display: block;
		padding: 0em 1.5em;
		height: 150px;
		letter-spacing: 0.20em;
		line-height: 150px;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: #ACCFFF;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#menu .current_page_item a
	{
		background: #2A76DC;
		color: #FFF;
	}
  • Вопрос задан
  • 605 просмотров
Пригласить эксперта
Ответы на вопрос 2
smidl
@smidl
WordPress-разработчик
Для всего списка сабменю
#menu ul ul
  {
  display:block
  }


Для пунктов сабменю

#menu ul ul li
  {
  display:block
  }


Вообще вариаций масса. Почитайте про css-селекторы, там все просто.

П.с. мой код - лишь пример
Ответ написан
Комментировать
Sanan07
@Sanan07
Писатель-прозаик
#menu ul li ul - подменю
#menu ul li ul li - пункты подменю
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы