Помогите разобраться с z-index

[verfaa]

Есть сайт

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

там изображения товаров выводятся в теге div, который имеет фиксированную высоту и ширину - 190х247px.
Есть заголовок - НОВИНКИ ХИТЫ ПРОДАЖ. Так вот первый товар наползает на заголовки НОВИНКИ ХИТЫ ПРОДАЖ и получается , что заголовок ссылается на первый товар.
Как исправить эту ситуацию? Пытался решить проблему, выставляя заголовку значение z-index 10000 и блоку < div class="pre"> значения z-index 1
Но ничего не меняется. Подскажите как решить проблему.
PS. просьба сайт из-под хайда не выносить.

 

[ZOLK]

Есть сайт
там изображения товаров выводятся в теге div, который имеет фиксированную высоту и ширину - 190х247px.
Есть заголовок - НОВИНКИ ХИТЫ ПРОДАЖ. Так вот первый товар наползает на заголовки НОВИНКИ ХИТЫ ПРОДАЖ и получается , что заголовок ссылается на первый товар.
Как исправить эту ситуацию? Пытался решить проблему, выставляя заголовку значение z-index 10000 и блоку < div class="pre"> значения z-index 1
Но ничего не меняется. Подскажите как решить проблему.
PS. просьба сайт из-под хайда не выносить.

В стиле в #content-hide .title
добавь position: absolute;

И в h4.title {
добавь z-index: 99999999999;

 

[HeadHunter]

Есть сайт
там изображения товаров выводятся в теге div, который имеет фиксированную высоту и ширину - 190х247px.
Есть заголовок - НОВИНКИ ХИТЫ ПРОДАЖ. Так вот первый товар наползает на заголовки НОВИНКИ ХИТЫ ПРОДАЖ и получается , что заголовок ссылается на первый товар.
Как исправить эту ситуацию? Пытался решить проблему, выставляя заголовку значение z-index 10000 и блоку < div class="pre"> значения z-index 1
Но ничего не меняется. Подскажите как решить проблему.
PS. просьба сайт из-под хайда не выносить.

не пойму какая роль этого куска стилей?

.mozaika_index a, .mebel_index a, .svet_index a, .plitka_index a {
    margin: -32px 10px 0 0 !important;
}

закомментируйте или удалите его, всего делов то

ну а если он играет для вас важную роль

для h4.title добавляете

z-index: 1;
position:relative;

 

[DragonWerewolf]

Для любой работы с z-index необходимо указывать position. absolute или relative, если не хочется поиметь поехавшую верстку =)

 

[slim84]

Да, margin попровьте:

.mozaika_index a, .mebel_index a, .svet_index a, .plitka_index a {
margin: 10px 10px 10px 0 !important;
}

И для фиксированной высоты не помешает свойство:

.contant a {
overflow: hidden;
}