перекрытие слоев

[zloi-kasper]

подскажите как победить такую конструкцию?

есть картинка с z-index: 1;

и есть меню с z-index: 2; но в том месте где меню в зоне картинки оно не работает, т.е. получается что часть меню становиться не активным

по логике ведь меню выше слоя картинки

[s0rr0w]

подскажите как победить такую конструкцию?

есть картинка с z-index: 1;

и есть меню с z-index: 2; но в том месте где меню в зоне картинки оно не работает, т.е. получается что часть меню становиться не активным

по логике ведь меню выше слоя картинки

А где код? На основании чего мы тебе подсказывать будем?

[zloi-kasper]

<script language="javascript" type="text/javascript">

function Show(x) {document.getElementById('nav' + x).style.display = 'block';}

function Close(x) {document.getElementById('nav' + x).style.display = 'none';}

</script>

<div id="menu">

<div id="navigation" style="position: relative; z-index: 1; ">

<ul>

<li class="blue" style="margin-left:-10px;" onMouseMove="Close(1);Close(2);"><div id="menuosn"><a href="" class="menu">Об организации</a></div></li>

<li class="blue" style="margin-left:35px;" onMouseMove="Close(1);Close(2);"><div id="menuosn"><a href="" class="menu">Контакты</a></div></li>

<li class="blue" style="margin-left:60px;" onmouseover="Show(2);" onMouseMove="Close(1);"><div id="menuosn"><a href="" class="menu">Судьи</a></div></li>

<li class="blue" style="margin-left:35px;" onmouseover="Show(1);" onMouseMove="Close(2);"><div id="menuosn"><a href="" class="menu">Конкурсы</a></div></li>

<li class="blue" style="margin-left:50px;" onMouseMove="Close(1);Close(2);"><div id="menuosn"><a href="" class="menu">Новости</a></div></li>

<li class="blue" style="margin-left:40px;" onMouseMove="Close(1);Close(2);"><div id="menuosn"><a href="" class="menu">Гостевая книга</a></div></li>

</ul>

</div>

<img src="img/kubok.png" alt="Kubok" border="0" width="208" height="291" style="position: relative; z-index: 2; top: -60px; left: -90px;">

<div id="nav2" style="margin-top:-234px;">

<ul>

<li class="red" style="margin-right: 26px;"><div id="menuosn2" style="z-index: 4;"><a href="" class="menu-kr" style="margin-left: 36px;">Почетные судьи</a></div></li>

<li class="red" style="width: 210px;"><div id="menuosn2"><a href="" class="menu-kr" style="margin-left: 20px;">Действительные судьи</a></div></li>

<li class="red" style="margin-right: 76px;"><div id="menuosn2"><a href="" class="menu-kr" style="margin-left: 15px;">Стажеры</a></div></li>

<li class="red" style="margin-right: 36px;"><div id="menuosn2"><a href="" class="menu-kr" style="margin-left: 10px;">Как стать судьей</a></div></li>

</ul>

</div>

<div id="nav1" style="margin-top:-211px;">

<ul>

<li class="red" style="width: 150px;"><div id="menuosn2"><a href="" class="menu-kr" style="margin-left: 28px;">Дата и условия</a></div></li>

<li class="red" style="width: 190px;"><div id="menuosn2"><a href="" class="menu-kr" style="margin-left: 15px;">Результаты конкурсов</a></div></li>

<li class="red" style="width: 175px;"><div id="menuosn2"><a href="" class="menu-kr" style="margin-left: 12px;">Работы победителей</a></div></li>

</ul>

</div>

</div>

если кто хочет увидеть исходник вот он http://www.nailexpert.ru/1/

[kalyaka-malyaka]

что ж вы путаете?

есть картинка с z-index: 1;

и есть меню с z-index: 2; но в том месте где меню в зоне картинки оно не работает, т.е. получается что часть меню становиться не активным

<div id="navigation" style="position: relative; z-index: 1; ">

...

<img src="img/kubok.png" alt="Kubok" border="0" width="208" height="291" style="position: relative; z-index: 2; top: -60px; left: -90px;">

[Zippovich]

z-index - ы расчитываются от родительского элемента, т.е. если Вы перекрываете картинкой div id="navigation", то то что в этом диве никак не будет выше картинки, даже если Вы сделаете для <a> в меню z-index - ы = 250

тут структуру переделывать надо.

[kalyaka-malyaka]

я бы сделала так:

<div со списком, в котором  только фоновые рисунки меню, позишн релятив>
	<div с кубком, позишн абсолют></div>
	<div со списокм с текстовым меню, позишн абсолют></div>
</div>

и без z-index-ов

[zloi-kasper]

может кто-то может помочь мне сделать это меню, я бы заплатил

для связи можно ICQ 303176719