Имеется следующий код:
HTML
<div id="menu">
<script type="text/javascript" src="menu.js"></script>
<ul>
<li><a href="#">О нас</a></li>
<li><a href="#">Услуги</a>
<ul class="dropdown">
<li><a href="#">Topic 1</a></li>
<li><a href="#">Topic 2</a></li>
<li><a href="#">Topic 3</a></li>
<li class="last"><a href="#">Topic 4</a></li>
</ul>
</li>
<li><a href="#">Стоимость услуг</a></li>
<li><a href="#">Партнерам</a></li>
<li><a href="#">Клиентам</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
и CSS код
#menu {
padding-top: 20px;
padding-bottom: 20px;
z-index: 5;
}
#menu ul {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
height: 54px;
width: 1000px;
background-color: #ffffff;
}
#menu ul li {
height: 50px;
display: inline;
}
#menu ul li a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 2px 0 0 10px;
padding: 15px 5px 0 5px;
display: inline-block;
height: 35px;
color: #109fbd;
font-size: 19px;
text-decoration: underline;
}
#menu ul li a:hover {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 2px 0 0 10px;
padding: 15px 5px 0 5px;
display: inline-block;
height: 35px;
background: #1abbdd;
color: #ffffff;
font-size: 19px;
text-decoration: none;
}
#menu ul.dropdown
{
list-style: none;
overflow: hidden;
display: none;
z-index: 2;
position: relative;
border-bottom: 1px solid #dc902f;
width: 290px;
background: #ffccff;
}
#menu ul.dropdown li {
height: 20px;
z-index: 3;
}
#menu ul.dropdown li a {
border-bottom: 1px solid #e5cd8e;
overflow: hidden;
height: 15px;
}
#menu ul.dropdown li.last a
{
}
#menu ul.dropdown li a:hover
{
background: url(images/menuarrow.png) no-repeat left center;
}
#menu ul li h4 a:hover
{
background-image: none;
}
Проблема следующая, блоки ДО наведения на "Услуги" стоят нормально в один ряд. ПОСЛЕ наведения падают вниз - как исправить ?
и как сделать, чтобы выпадающее меню было списком, а не в одну линию.
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.