Размер верхнего отступа картинки от рамки bxSlider

[Andryshok]

Не поможет ли кто может сталкивался - есть такой бесплатный слайдер  bxSlider  http://bxslider.com

Ставится он легко, в настройках все понятно, однако  получаю такую картинку - сверху очень большой отступ картинки от вьюпорта, может кто сталкивался? как бороть? скрин прилагаю..... порылся в css слайдера - ничего не действет на проклятущий отступ

[satantx]

Приложите ссылку на код

[jdk]

Может быть где то в другом месте отступ для <li> задаётся? Но без кода сказать сложно.

[Andryshok]

Разметка

	<div class="slider">			<ul class="bxslider">		  	<? foreach ($slides as $slide): ?>				<li><a href="<?= $slide['link'] ?>"><img src="/views/content/<?= $slide['image'] ?>" alt=""/></a></li>			<? endforeach; ?>		</ul>			</div>

Блок для слайдера

.header .slider{	display: block;	width: 750px;	height: 270px;	position: absolute;	left: 220px;	top:205px;	}

Сам стиль слайдера

/** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com *//** RESET AND LAYOUT===================================*/.bx-wrapper {	position: relative;	margin: 0 auto 60px;	padding: 0;	*zoom: 1;	}.bx-wrapper img {	max-width: 100%;					display: block;			}/** THEME===================================*/.bx-wrapper .bx-viewport {	-moz-box-shadow: 0 0 5px #ccc;	-webkit-box-shadow: 0 0 5px #ccc;	box-shadow: 0 0 5px #ccc;	border:  5px solid #fff;	left: -5px;	background: #fff;		/*fix other elements on the page moving (on Chrome)*/	-webkit-transform: translatez(0);	-moz-transform: translatez(0);    	-ms-transform: translatez(0);    	-o-transform: translatez(0);    	transform: translatez(0);}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {	position: absolute;	bottom: -30px;	width: 100%;}/* LOADER */.bx-wrapper .bx-loading {	min-height: 50px;	background: url('../i/bx_loader.gif') center center no-repeat #fff;	height: 100%;	width: 100%;	position: absolute;	top: 0;	left: 0;	z-index: 2000;}/* PAGER */.bx-wrapper .bx-pager {	text-align: center;	font-size: .85em;	font-family: Arial;	font-weight: bold;	color: #666;	padding-top: 20px;}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline;}.bx-wrapper .bx-pager.bx-default-pager a {	/*background: #666;*/	background: #00579A;		text-indent: -9999px;	display: block;	width: 10px;	height:10px;	margin: 0 5px;	outline: 0;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {	/*background: #000;*/		background: #429BD3;	}/* DIRECTION CONTROLS (NEXT / PREV) */.bx-wrapper .bx-prev {	left: 10px;	background: url('../i/controls.png') no-repeat 0 -32px;}.bx-wrapper .bx-next {	right: 10px;	background: url('../i/controls.png') no-repeat -43px -32px;}.bx-wrapper .bx-prev:hover {	background-position: 0 0;}.bx-wrapper .bx-next:hover {	background-position: -43px 0;}.bx-wrapper .bx-controls-direction a {	position: absolute;	top: 50%;	margin-top: -16px;	outline: 0;	width: 32px;	height: 32px;	text-indent: -9999px;	z-index: 20;}.bx-wrapper .bx-controls-direction a.disabled {	display: none;}/* AUTO CONTROLS (START / STOP) */.bx-wrapper .bx-controls-auto {	text-align: center;}.bx-wrapper .bx-controls-auto .bx-start {	display: block;	text-indent: -9999px;	width: 10px;	height: 11px;	outline: 0;	background: url('../i/controls.png') -86px -11px no-repeat;	margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {	background-position: -86px 0;}.bx-wrapper .bx-controls-auto .bx-stop {	display: block;	text-indent: -9999px;	width: 9px;	height: 11px;	outline: 0;	background: url('../i/controls.png') -86px -44px no-repeat;	margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {	background-position: -86px -33px;}/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {	text-align: left;	width: 80%;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {	right: 0;	width: 35px;}/* IMAGE CAPTIONS */.bx-wrapper .bx-caption {	position: absolute;	bottom: 0;	left: 0;	background: #666\9;	background: rgba(80, 80, 80, 0.75);	width: 100%;}.bx-wrapper .bx-caption span {	color: #fff;	font-family: Arial;	display: block;	font-size: .85em;	padding: 10px;}

[rus]

используйте инспектор кода что бы определить в каком блоке засада.

[satantx]

А как скрипт подключается? И зачем тут php. Мы должны за вас всё это залить на сервак и протестировать? Дайте ссылку на готовый проект и всё.

[Andryshok]

Вобщем сам спрашивал сам отвечаю - проблема решилась заменой файлов слайдера скачанных с офф сайта на файлы скачанные с гитхаба

@satantx  - не нужно за меня ничего заливать, в теме указано -

 

может кто сталкивался?

, раз вы не сталкивались - чем вы мне можете помочь, css с js разобрать я и сам могу, но нужно время

Edited February 18, 2015 by Andryshok

[rus]

раз вы не сталкивались - чем вы мне можете помочь, css с js разобрать я и сам могу, но нужно время

если вы так категорично будете реагировать на каждый пост (не важно, важный он, полезный для ВАС, или нет), то вам никто после этого не захочет помогать, понимаете?

Обязательно нужно "столкнуться" что бы помочь? может у вас что называется где-то "глаз замылелся", а на свежий взгляд будет понятно - это частое явление.

[Andryshok]

может у вас что называется где-то "глаз замылелся", а на свежий взгляд будет понятно - это частое явление

Согласен, бывает такое дело, особенно когда долго что что нить копаешь, но я вовсе не категоричен, правда,  я бы и рад залить код куда, только там его оч много (сайт - портал), страница огромная, придется выпиливать html , js, картинки,  css - знаю что лень не красит, но мне правда лень, сейчас видите решил проблему - любой кто качнул с офф сайта плагин если поищет - уже будет знать в чем соль.

p.s. - никого задеть и тем более обидеть не хотел

[rus]

а, ну тогда извините, может и я вас не так понял

хорошо когда есть взаимопонимание.