slider kleiner maken in css

[pascalboy]

Hallo,

Ik heb een template gedownload maar nu wil ik de slider van 400px naar 200px hebben en de lengte nog gewoon 1000px.

Maar telkens als ik het verander veranderen de pijlen en andere dingen niet mee...
Kan iemand misschien helpen?

Dit is de code:

/* Slideshow */

#slideshow {
	background-color: #e7e7e7;
	width: 1000px;
	margin: auto;
}

#slides {
	padding: 0px 0 0px 0;
	clear: both;
	position:relative;
}


.slides_container {
	width:1000px;
	height:100px;
	overflow:hidden;
	position:relative;
	z-index: 1;
}

.slides_container a,
.slides_container img {
	display: block;
	width:1000px;
	height:100px;
}

#slides .next,
#slides .prev {
	position:absolute;
	top: 0px;
	left: 0px;
	width:9.4px;
	height:9.4px;
	background-image:url(../images/slides_arrows.png);
	z-index:5;
}

#slides .next {
	left:44px;
}

.slides_nav {
	display: none;
}


.slides_nav a.prev {
	background-position: 0 0;
	margin: 181px 0 0 0px;
}

.slides_nav a:hover.prev {
	background-position: 40px 200px;
}

.slides_nav a.next {
	background-position: 160px 0;
	margin: 181px 0 0 786px;
}

.slides_nav a:hover.next {
	background-position: 40px 200px;
}

#slides ul.pagination {
	border: 0;
	position: absolute;
	z-index: 5;
	margin: -36px 0 0 -20px;
}


#slides ul.pagination li {
	float:left;
	margin: 0 -3px 0 0;
	list-style:none;
}

#slides ul.pagination li a {
	display:block;
	width:6px;
	height:0;
	padding-top:6px;
	background: url(../images/slides_arrows.png) 0 160px;
	float:left;
	overflow:hidden;
}

#slides ul.pagination li.current a {
	background: url(../images/slides_arrows.png) 188px 160px;
}

http://gyazo.com/4e5411cf0a962f4c4b7dcbe22ec710f9
foto van de slider./\
Alvast heel erg bedankt.

 

[csshunter]

Hoi pascalboy,
Zo te zien staan de pijltjes Vorige/Volgende op 181px vanaf de bovenkant van de slider:

.slides_nav a.prev {
	background-position: 0 0;
	margin: 181px 0 0 0px;
}
.slides_nav a.next {
	background-position: 160px 0;
	margin: 181px 0 0 786px;
}

Met het kleiner maken van de 181px margin-top zouden ze omhoog moeten komen.

Met vriendelijke groet,
CSShunter

 

[pascalboy]

thanks hij doet het!!!!
zie foto: http://gyazo.com/9e2c5cea08c465fa96edf2ae7429bea2