![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
Serge
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Serge
-
-
Уже разобрался сам.
-
skalpelliano, спасибо. Помогло, теперь работает.
-
У меня проблема с соседними блоками на странице.
Для того, чтобы выпадающее меню разворачивалось на полную длину, я приписал ему padding-bottom: 60px;
#menu {
background: transparent url('menu.png') repeat-x 100% 2px;
width: 100%;
height: 66px;
margin: 0;
padding-bottom: 60px;
text-align: left;
}Теперь меню работает нормально, но на эти 60px опустился нижележащий блок.
Если поднять его при помощи отрицательного margin, то в IE6 нижние ссылки выпадающего меню, которые попадают на нижний блок - сворачиваются, не успеваешь подвести к ним курсор.
На всякий случай, вот стиль нижнего блока:
.container {
position: relative;
float: left;
text-align: left;
width : 980px;
background: transparent;
margin: 0 0 30px 0;
padding: 10px 10px 0 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}Пытался расположить эти блоки в разных плоскостях при помощи z-index - не помогло.
Помогите исправить этот баг, плиз...
-
Вот код:
<ul id="menu">
<li><a href="">Активный отдых</a>
<ul>
<li class="cat-item cat-item-8"><a href="">Заказники</a></li>
<li class="cat-item cat-item-3"><a href="">Заповедники</a></li>
<li class="cat-item cat-item-12"><a href="">Памятники</a></li>
<li class="cat-item cat-item-13"><a href="">Парки</a></li>
</ul>
</li>
<li><a href=">Отдых на море</a>
<ul>
<li class="cat-item cat-item-7"><a href="">Область</a></li>
<li class="cat-item cat-item-9"><a href="">Область</a></li>
<li class="cat-item cat-item-10"><a href="">Крым</a></li>
<li class="cat-item cat-item-14"><a href="">Область</a></li>
</ul>
</li>
<li><a href="">Туризм</a>
<ul>
<li class="cat-item cat-item-6"><a href="">Путешествия</a></li>
<li class="cat-item cat-item-11"><a href="">Маршруты </a></li>
<li class="cat-item cat-item-15"><a href="">Экскурсии</a></li>
</ul>
</li>
</ul> -
У меня не получается сделать выпадающее меню.
Оно почему то упорно не хочет выпадать.
Вот код:
ul#menu {
background: transparent url('images/menu.png') repeat-x 0 0;
width: 90%;
overflow: hidden;
z-index: 100;
list-style: none;
}
ul#menu li {
position: relative;
float: left;
}
ul#menu li a {
background: transparent url('images/separator.gif') no-repeat 100% 1px;
float: left;
font-size: 15px;
color: #fff;
height: 65px;
padding: 10px 17px 0 15px;
}
ul#menu li a:hover, ul#menu li.current-cat a {
background:transparent url('images/menu-hover.png') repeat-x 100% 1px;
text-decoration: none;
}
/* sub-menu */
ul#menu li ul {
display: none;
position: absolute; top: 36px; left: 0;
background: #5f950b;
width: 200px;
font-size: 14px;
line-height: 100%;
z-index: 99;
border: 1px solid #fff;
}
ul#menu li ul li {
width: 118px;
background: none;
}
ul#menu li ul li a {
display: block;
line-height: 1.2;
}
ul#menu li ul li a:hover {
background: #D4D4D3;
}Помогите, пожалуйста, разобраться в чем моя ошибка
Проблема с пересекающимися блоками
in HTML Coding
Posted
Это меню почему то не работает в IE 7 и IE8, но при этом прекрасно работает в IE6.
Вот его HTML код:
CSS:
Это мое первое выпадающее меню, поэтому наверняка, где то сделал ошибку.
Пожалуйста, подскажите, что неправильно в коде. Почему оно не выпадает?