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

Проблемы с усовершенствованием easy-slider на Jquery +IE7

Обсуждение темы Проблемы с усовершенствованием easy-slider на Jquery +IE7 в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; вот собственно исходник слайдера и превью http://cssglobe.com/post/5780/easy-s...-jquery-slider http://cssglobe.com/lab/easyslider1.7/02.html вот здесь http://strkomfort.ru/ он справа немного преобразованный, к исходнику добавил H2 внутрь слайдов на основе ...


Закрытая тема
 
Опции темы
Старый 27.09.2010, 22:48   #1
вот собственно исходник слайдера и превью
http://cssglobe.com/post/5780/easy-s...-jquery-slider
http://cssglobe.com/lab/easyslider1.7/02.html

вот здесь http://strkomfort.ru/ он справа немного преобразованный,

к исходнику добавил H2 внутрь слайдов на основе ul li
спозиционировал и тп, но вот в IE7 все H2 отображаются и за пределами самого слайда , как победить ?
 
Старый 27.09.2010, 22:48
Ссылки
Старый 28.09.2010, 01:51   #2
для div id="slider" прописать position: relative;
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
vitaly-go (28.09.2010)
Старый 28.09.2010, 08:22   #3
в таком случае вообще улетают надписи за пределы видимости
 
Старый 28.09.2010, 11:48   #4
для ссылок внутри списка display: block;

Добавлено через 1 час 47 минут

Работает нормально?

Последний раз редактировалось Niemans; 28.09.2010 в 11:48.. Причина: Добавлено сообщение
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
vitaly-go (28.09.2010)
Старый 28.09.2010, 12:13   #5
Цитата:
Сообщение от Niemans Посмотреть сообщение
для ссылок внутри списка display: block;

Добавлено через 1 час 47 минут

Работает нормально?
неа
 
Старый 28.09.2010, 12:16   #6
для #slider ul li a {display: block;} стоит?
 
Старый 28.09.2010, 12:42   #7
Цитата:
Сообщение от Niemans Посмотреть сообщение
для #slider ul li a {display: block;} стоит?
уже стоит, но эффекта ненаблюдаю

вот html

Код:
<div id="container">
	<div id="content">
		<div id="slider">
			<ul>				
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_01.jpg" alt="1" /><h2>мебель для ванных комнат</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_02.jpg" alt="2" /><h2>зеркала для прихожей</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_03.jpg" alt="3" /><h2>зеркала для ванных комнат</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_04.jpg" alt="4" /><h2>смесители</h2></a></li>
				<li><a href="http://strkomfort.ru/"><img src="/images/slider_05.jpg" alt="5" /><h2>аксессуары для ванных комнат</h2></a></li>			
			</ul>
		</div>
	</div>
</div>

вот css


Код:
/* Правый слайдер */
/* // image replacement */
	#container{	margin:0 auto;	position:relative;	text-align:left; width:240px; background:#fff; margin-bottom:2em; height: 400px;}	
	#content{ position:relative; }
/* Easy Slider */
	#slider {  position:relative;  }  
	#slider ul, #slider li,	#slider2 ul, #slider2 li{ margin:0;	padding:0; list-style:none;	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 	/* 	define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ 
		width:240px; height:400px; overflow:hidden !important; }
        #slider ul li a {display: block;}	
	#slider li a h2 { position:relative; margin: -395px 0px 0px 0px; color:black; text-decoration:none; display: block; padding:5px; background: transparent url('/images/bg_w_tr.png') repeat 0 0; }  
	#slider li h2:active { text-decoration:none; }  
	/* numeric controls */	
	ol#controls{ margin:-30px 0px 0px 0px;	padding:0;	height:20px; }
	ol#controls li{	margin:0 5px 0 0; padding:0; float:left; list-style:none; height:20px; line-height:20px; }
	ol#controls li a{ float:left; height:20px; line-height:20px; border:1px solid #ccc; background:#99ccff;	color:#000; padding:0 5px; text-decoration:none;	}
	ol#controls li.current a{ background:#162eca; color:#fff; }
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
 
Старый 28.09.2010, 12:45   #8
#slider li a h2 { position:relative; margin: -395px 0px 0px 0px; color:black; text-decoration:none; display: block; padding:5px; background: transparent url('/images/bg_w_tr.png') repeat 0 0; }
красное убрать для ие

Последний раз редактировалось Niemans; 28.09.2010 в 12:47..
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
vitaly-go (28.09.2010)
Старый 28.09.2010, 12:57   #9
если красное просто убираю, то в ие все ок, а в опере пропадет прозрачные бекграунд под надписью,

если пишу для IE через -,#ляля
то в IE опять надписей нет
 
Старый 28.09.2010, 13:13   #10
#slider li a h2 {position: relative; //position: inherit; position /*\**/: inherit\9 }
 
Этот пользователь сказал спасибо Niemans за это полезное сообщение:
vitaly-go (28.09.2010)
Старый 28.09.2010, 13:13
Закрытая тема

Метки
ie7, jquery, слайдер, хаки ie7


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Переделать Slider в ссылку на HTML/Javascript byzantiner HTML, CSS, JavaScript 9 27.09.2012 18:08
Проблема с UI slider naataa HTML, CSS, JavaScript 6 05.03.2012 20:24
Ссылки к easy slider death123 HTML, CSS, JavaScript 1 24.11.2010 20:46
проблема с скриптом Slider nash2711 HTML, CSS, JavaScript 4 12.08.2010 13:35
Easy Button & Menu Maker kostia Софтодром 8 21.06.2010 14:03


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

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