No replies
kriti verma24
kriti verma24's picture
Offline
newbie
Last seen: 4 years 39 weeks ago
Timezone: GMT+5.5
Joined: 2015-11-09
Posts: 1
Points: 2

hello i m newbies in html5 coding and css3 too.i want to ask that how to align image slider in center.
my html coding :

<!DOCTYPE html>
<html lang="en">
<meta http-equiv="X-UA-compatible" content="IE=edge">
 
 <section>
 
<div class="slider-container" id="slider-container">
 
	<div class="slider">
		<center>
	</div>
 
	<div class="switch" id="prev"><span></span></div>
	<div class="switch" id="next"><span></span></div>
</div>
 
<div class="container">
 
	<div class="slider-container" id="caption-slide">
		<div class="slider">
 
			<div>
				<img src="D:\madindian\images\img.png" alt="">
 
			</div>
			<div>
				<img src="D:\madindian\images\img1.png" alt="">
 
			</div>
			<div>
				<img src="D:\madindian\images\img2.png" alt="">
 
			</div>
			<div>
				<img src="D:\madindian\images\img3.png" alt="">
 
			</div>
		</div>
 
		<div class="switch" id="prev"><span></span></div>
		<div class="switch" id="next"><span></span></div>
	</div>
</div>
</div>
</center>
</section>
</html>

css coding for image slider:
.container .slider-container{
        position:static; text-align:center; width:961px;height:400px;margin:0 auto;padding:0 auto;right:-100px;left:130px;}
 
.container .slider-container#caption-slide{
	position:relative;
padding:0 auto;text-align:center;margin:0 auto;left:130px;right:-100px;
	}
.box{
padding:0 auto;width:965px;height:465px;}