Выпадающее меню и z-index

[selevit]

Всем доброго времени суток, я создал выпадающее меню в drupal, оно находится в левом блоке сайта, основные пункты отображаются корректно, но выпадающее менюшки доходят только до края левого блока и обрезаются, плюс они не кликабельны, пробовал ставить на меню максимальный z-index, но проблема так и осталась, вот отрывок кода где левый блок - sideleft

<div id="container">
<div id="sideLeft">
<div id="left_menu">
<?php echo $left ?>
</div> <!-- #left_menu-->
</div> <!-- #sideleft-->
<div id="content">
<div id="padding">
<?php echo $content; ?>
</div><!-- #padding-->
</div><!-- #content-->
</div> <!-- #container-->

Заранее спасибо =)

[swetlana]

конечно здорово разбираться в бессмысленном нагромождении div'ов и понимать, что оно никакого отношения к делу не имеет, а то, что имеет, спрятано под переменной

какому элементу присваивался z-index?

Он должен быть присвоен пункту меню верхнего уровня, содержащему в себе подменю.

То есть:

<ul class="dropdownmenu">
	<li><a href="">верхний пункт меню</a>
		<ul class="submenu">
			<li><a href="">пункт подменю</a></li>
			<li><a href="">пункт подменю</a></li>
			<li><a href="">пункт подменю</a></li>
		</ul>
	</li>
	<li><a href="">верхний пункт меню</a></li>
</ul>

В этом случае надо прописать стиль

.dropdownmenu > li {
z-index: 42;
}

Edited August 29, 2010 by swetlana

[selevit]

#left_menu li{
position: relative;
z-index: 256;
list-style-type:none;
list-style-image:none;
}

никак не реагирует =(

[swetlana]

адрес странички в студию!

смотреть веб-инспектором куда продуктивнее, чем угадывать.

[selevit]

одну минуту, сейчас залью на хост

[selevit]

Пока что нет возможности залить на бесплатный хост - какая то ошибка БД что я еще могу сделать чтобы Вам удобнее было угадывать =)

[d0ublezer0]

Можете обозначить приз.

Угадывать будет веселее.

[selevit]

Можете обозначить приз.

Угадывать будет веселее.

Приз - то, что кто то помог новичку - доброе дело =)

могу прислать css меню

#sideLeft {
float:left;
width: 25%;
overflow:hidden;
background: #cfcab5;
padding-bottom: 32767px;
margin-bottom: -32767px;
}
#left_menu {
}
#left_menu h2{
	background: url(../images/bg/part-title.png) no-repeat;
	width: 210px;
	height: 35px;
	position:relative;
	left: 17px;
	top: 10px;
	color: #EDEDED;
	text-align:center;
	padding-top: 7px;
	font-size: 18px;
	font-weight:bold;
}
#left_menu ul {
margin: 15px 11px;
background: #cfcab5;
height: auto;
}

#left_menu li{
list-style-type:none;
list-style-image:none;
position: relative;
z-index: 256;
}

#left_menu li a {
color: #EDEDED;
text-decoration: none;
display: block;
background: #626262;
width: 170px;
padding: 5px 0 5px 20px;
margin-bottom: 2px;
}


#left_menu li a.active{
color: #f8ae10;
background: #2e2e2e;
}
#left_menu li a:hover {
color: #EDEDED;
background: #2e2e2e;
}

ul.nice-menu-right ul {
  width: 12.5em;
  left: 181px;
  top: -15px;
}

Вот скрин на всякий случай =)

выпадающее меню

[psywalker]

вся проблема в блоке #sideLeft , а точнее в этом

#sideLeft {

overflow:hidden;

[selevit]

Картинку того что не получается смотрите выше, а нужно практически тоже самое, только чтобы выпадающее меню было поверх всего а не обрезалось левым блоком

Спасибо большое, разобрался =)

[selevit]

Возникла еще одна проблема - подменю 3-го уровня стали не кликабельны + между меню и вложенным в него меню остается полоска от фона левого блока - вот скрин

Edited August 30, 2010 by selevit