Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите в устранение проблемы в выпадающем меню

Обсуждение темы Помогите в устранение проблемы в выпадающем меню в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здраствуйте! Есть такая проблемка небольшая, стоит у меня горизонтальное выпадающее меню, работает хорошо, но недавно поставил слайдер фотогалерии он нахродится чуть ниже меню, ...


Закрытая тема
 
Опции темы
Старый 17.12.2010, 20:05   #1
Здраствуйте!

Есть такая проблемка небольшая, стоит у меня горизонтальное выпадающее меню, работает хорошо, но недавно поставил слайдер фотогалерии он нахродится чуть ниже меню, и когда на меню наводишь, оно открывается и часть меню пропадает под слайдером под картинкой. В чем проблемы и как ее решить?
 
Старый 17.12.2010, 20:05
Ссылки
Старый 17.12.2010, 20:20   #2
думаю проблема в z-index
решить - выставить правильные значения
 
Старый 17.12.2010, 22:01   #3
Цитата:
Сообщение от SerGun Посмотреть сообщение
думаю проблема в z-index
решить - выставить правильные значения
z-index там есть только в css самого слайдера галереи вот в такой ввиде

#gallery a.show {
z-index:500;
}

#gallery .caption {
z-index:600;

Пробовал меня на все цифры - ничего не изменилось, значит дело в другом чем-то
 
Старый 18.12.2010, 01:40   #4
еще бы, z-index не применяется к инлайновым объектам, и объектам, с неуказанной раскладкой (position) код в студию, тогда продолжим общение. но причина именно в наслойке (z-index
)
 
Старый 18.12.2010, 04:34   #5
Цитата:
Сообщение от vladendark Посмотреть сообщение
еще бы, z-index не применяется к инлайновым объектам, и объектам, с неуказанной раскладкой (position) код в студию, тогда продолжим общение. но причина именно в наслойке (z-index
)
А вот собственно и код

body{
font-family:arial
}

.clear {
clear:both
}

#gallery {
position:relative;
height:270px
}
#gallery a {
float:left;
position:absolute;
}

#gallery a img {
border:none;
}

#gallery a.show {
z-index:500;
}

#gallery .caption {
z-index:600;
background-color:#000;
color:#ffffff;
height:100px;
width:100%;
position:absolute;
bottom:0;
}

#gallery .caption .content {
margin:5px
}

#gallery .caption .content h3 {
margin:0;
padding:0;
color:#117ae6;
}
 
Старый 18.12.2010, 08:42   #6
Цитата:
А вот собственно и код
Где?
 
Старый 18.12.2010, 13:19   #7
Дайте полный код страницы (html + css + js)
 
Старый 18.12.2010, 13:19
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с базой. Помогите пожалуйста! Parker ASP, Perl, PHP и MySQL 6 11.02.2011 19:21
Проблемы с выпадающим меню Grey HTML, CSS, JavaScript 9 16.02.2010 16:57
Помогите! Проблемы публикацией на сервер Zhanna Софтодром 3 26.09.2008 07:37
Помогите проблемы с таблицами!!! Guest_333 HTML, CSS, JavaScript 12 28.11.2005 23:04
проблемы с меню переходов в M Dreamweaver MX 2004 Софт Зал дебютантов 4 10.02.2005 00:59


Текущее время: 19:58. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум