Нужна помощь по z-index

M2
На сайте с 11.01.2011
Offline
341
717

Здравствуйте,

Тестовая страничка http://work.kreine.ru/catalog.php

Суть следующая: то меню, которое вы видите (о нас, продукция, новинки) расположено сейчас над шапкой. Нужно, чтобы та страница, на которой мы находимся (в данном случае "Продукция") располагалась бы над шапкой, а ве остальные были бы под шапкой. Соответственно, если мы переходим на "Новинки", то уже "Продукция" под шапкой а новинки над ней.

Поставить z-index не проблема. Проблема в том, что напрочь отказываются работать ссылки в меню после того, как я какой-то элемент установлю под шапкой.... если "над", то всё прекрасно. Уже за утро всю голову себе сломал, может посмотрит кто свежим взглядом? :)

------------------- Крутые VPS и дедики. Качество по разумной цене ( http://cp.inferno.name/view.php?product=1212&gid=1 ) VPS25OFF - скидка 25% на первый платеж по ссылке выше
IL
На сайте с 20.04.2007
Offline
435
#1
mark2011:
Проблема в том, что напрочь отказываются работать ссылки в меню после того, как я какой-то элемент установлю под шапкой....

Эм.. всё правильно, шапка прозрачная, но "поверх" ссылки получается..

.header
{
height: 162px;

либо header разделить - сделать отдельный блок (если там чего нужного есть на 162px http://work.kreine.ru/templates/default/images/internal/header_background.png)

Либо (хитрулечка, конечно может боком вылезти) ссылки размещать не в ярлычке, а в ещё одном блоке, который будет поверх header и ярлычков..

p.s. а чего ссылки такие маленькие - как при наведении будет изменение происходить?

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
M2
На сайте с 11.01.2011
Offline
341
#2

Ну и что? Я понял вас, но если z-index манипулировать, всё равно можно это обойти....

Сейчас поставил


.header_menu_about
{
position: relative;
margin-left: 45px;
top: 20px;
z-index: 10000 !important;
}

.header_menu_item
{
width: 157px;
height: 83px;
background-image: url('../images/top_menu_full_slider.png');
background-repeat: no-repeat;
position: relative;
float: left;
z-index: 2000;
}

.header
{
width: 1028px;
height: 162px;
background-image: url('../images/internal/header_background.png');
margin: 0 auto;
position: relative;
z-index: 1000;
border: 1px solid blue;
}

Это на локалке. По всем параметрам ссылка должна быть над шапкой, а она всё равно не работает...

---------- Добавлено 15.02.2013 в 11:20 ----------


<li class="header_menu_item"><a href="index.php?page=about" class="header_menu_about">О нас</a></li>

По-моему это и называется "отдельный блок"...

[Удален]
#3
mark2011:
Уже за утро всю голову себе сломал, может посмотрит кто свежим взглядом?

Дизайн шапки элементарнейший

Нафига здесь z-index городить - вообще непонятно

header_menu запихиваете в header и отступы редактируете

neznaika
На сайте с 28.06.2006
Offline
356
#4

Шрифт ужасен.

jpg a3e0455edaa4.jpg
Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
IL
На сайте с 20.04.2007
Offline
435
#5
mark2011:
но если z-index манипулировать, всё равно можно это обойти....

Если получится обойти - просьба отписаться здесь же..

mark2011:
По-моему это и называется "отдельный блок"...

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

p.s. Сделайте разноцветную заливку блоков - думаю, будет проще разобраться...

p.p.s И да.. я тоже задумку не совсем понимаю..

Pavel_:
Нафига здесь z-index городить - вообще непонятно
M2
На сайте с 11.01.2011
Offline
341
#6

Я расположил header_menu в header, только теперь как его расположить под шапкой не совсем понимаю....

[Удален]
#7

margin и padding вам помогут...))

M2
На сайте с 11.01.2011
Offline
341
#8

А подробнее? Ребят, честно, всю голову сломал... ну пожалуйста....

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий