Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.02.2013, 10:05
Аспирант
Отправить личное сообщение для petlyra5 Посмотреть профиль Найти все сообщения от petlyra5
 
Регистрация: 27.08.2012
Сообщений: 30

Картинка залазит на другую картинку
Всем доброго времени суток.

Возникла такая вот проблема на этой страницы: http://flir.ldmco.ru/katalog/

При нажатии на "Заказать обратный звонок" синяя стрелка слайда остается, а не скрывается под открытым окном. Так же сам слайд при перелистывании картинок тоже залазит на данное открытое окно.
Помогите устранить данную неисправность!

Сам слайд:
<div id="container">
    <div style="position:relative;">
				<div id="slider">
                                    
			<ul>				
				<li><a href="katalog/flir-serija-ls/"><img style="position:relative;" src="_mod_files/ce_images/Novie_modeli/ls-904x106-ru.jpg" alt="image description"></a></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Novie_modeli/ls-904x106-ru.jpg" alt="image description"></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Design/replace_sp_banner_ru6.jpg" alt="image description"></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Design/replace_sp_banner_ru6.jpg" alt="image description"></li>
				<li><img style="position:relative;" src="_mod_files/ce_images/Design/replace_sp_banner_ru6.jpg" alt="image description"></li>			
			</ul>
		
	</div>
	</div>

</div>

a:hover{color: #333;text-decoration: none;font-weight: bold;}
img{border:none;}
pre{margin-top:-16px;display:block;font:12px "Courier New", Courier, monospace;padding:10px;border:1px solid #bae2f0;background:#e3f4f9;width:674px;}	

#container {margin:0 auto;position:relative;text-align:left;width:904px;background:#fff;margin-bottom:0em;
}	
/* Sudo Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;}
#slider li {width:904px;overflow:hidden;display:block;}	

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider {width:696px;}
/* // Sudo Slider */	
/* Numeric Navigation */
ol {margin:1em 0;padding:0;height:28px;	}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol li.current a{background:#5DC9E1;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn { display:block;width:75px;height:50px;position:absolute;left:-38px;top:25px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer;}	
.nextBtn{ left:904px;}														
.nextBtn { background:url(../images/btn_next.gif) no-repeat 0 0;}
Ответить с цитированием
  #2 (permalink)  
Старый 01.02.2013, 10:28
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Все из-за криворукости предыдущего разработчика.
Назначте для #callmeform z-index больший чем 100000
Вроде бы как этот селектор вы найдете в файле _mod_files/_css/common.css

По хорошему конечно, исправить z-index слайдера, а то мало ли где еще косяк вылезет.
Ответить с цитированием
  #3 (permalink)  
Старый 01.02.2013, 10:41
Аспирант
Отправить личное сообщение для petlyra5 Посмотреть профиль Найти все сообщения от petlyra5
 
Регистрация: 27.08.2012
Сообщений: 30

Спасибо большое, помогли!
Сообщение от danik.js Посмотреть сообщение
Все из-за криворукости предыдущего разработчика.
Назначте для #callmeform z-index больший чем 100000
Вроде бы как этот селектор вы найдете в файле _mod_files/_css/common.css

По хорошему конечно, исправить z-index слайдера, а то мало ли где еще косяк вылезет.
Ответить с цитированием
  #4 (permalink)  
Старый 04.02.2013, 13:04
Аспирант
Отправить личное сообщение для petlyra5 Посмотреть профиль Найти все сообщения от petlyra5
 
Регистрация: 27.08.2012
Сообщений: 30

Теперь возник вопрос, скрипт слайда http://flir.ldmco.ru/katalog/ коряво отображается в браузере IE
Помогите устранить данную ошибку.
Ответить с цитированием
  #5 (permalink)  
Старый 04.02.2013, 13:24
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от petlyra5
Так же сам слайд при перелистывании картинок тоже залазит на данное открытое окно.
Цитата:
#callmeform {
right: 15% !important;
top: 15% !important;
z-index: 77 !important;
}
Поменяйте красное на 10000
Ответить с цитированием
  #6 (permalink)  
Старый 04.02.2013, 13:28
Аспирант
Отправить личное сообщение для petlyra5 Посмотреть профиль Найти все сообщения от petlyra5
 
Регистрация: 27.08.2012
Сообщений: 30

Сообщение от Deff
Так же сам слайд при перелистывании картинок тоже залазит на данное открытое окно.
Сделал! Теперь нужна помощь по отображении в IE
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ПОМОГИТЕ разобраться со скриптом (картинка праздничного дня) Zhuk13@ya.ru Общие вопросы Javascript 7 08.12.2013 19:51
Фоновую картинку поменять. Jurasmi Элементы интерфейса 11 08.10.2012 15:25
Как правильно забрать картинку с сервера? Serh AJAX и COMET 4 30.07.2012 14:05
Переход на другую картинку по клику мыши веснушка Элементы интерфейса 8 20.07.2012 14:08
Не получается при наведении на картинку сменить другую. Iktash Элементы интерфейса 2 04.07.2012 17:14