0

Get rid of horizontal slider

Here are my HTML and CSS. I am getting this unnecessary horizontal slider. Help is appreciated. <!DOCTYPE html> <html lang= "en"> <head> <meta charset= "UTF-8"> <title> DUKAN </title> <link rel= "stylesheet" type= "text/css" href= "second.css"/> </head> <body> <header> <nav> <p> DUKAN </p> <div class= "links"> <ul> <li> <a href"#"> HOME </a> </li> <li> <a href"#"> SHOP </a> </li> <li> <a href"#"> CONTACT </a> </li> <li> <a href"#"> ABOUT US </a> </li> </ul> </div> <div class= "socialbar"> <img src= "1483534377_thin_B-89.png"> <img src= "1483534383_thin_B-90.png"> <img src= "1483534384_thin_C-71.png"> </div> </nav> </header> <div class= "searchbox"> <input type="text" name="search" placeholder="Search item"> </div> <div class= "container"> <div class= "items" id= "container1"> <img src="http://productshots2.modcloth.net/productshots/0119/5688/eb9aed1277c7a933b726682266ce0248.jpg?1348090700"> <p class= "price"> $20.95 </p> <input type= "button" value="ADD-TO-CART"/> </div> <div class= "items" id= "container2"> <img src="https://s-media-cache-ak0.pinimg.com/originals/47/bc/06/47bc06d73a7450efbb1564f2b8318448.jpg"> <p class= "price"> $20.95 </p> <input type= "button" value="ADD-TO-CART"/> </div> <div class= "items" id= "container3"> <img src="http://productshots3.modcloth.net/productshots/0099/2667/61012b52583854c5d04ca9fe03143472.jpg?1328912205"> <p class= "price"> $20.95 </p> <input type= "button" value="ADD-TO-CART"/> </div> <div class= "items" id= "container4"> <img src="https://s-media-cache-ak0.pinimg.com/originals/cb/ce/36/cbce36a5f4b48e9673e90fefd4092fd0.jpg"> <p class= "price"> $22.95 </p> <input type= "button" value="ADD-TO-CART"/> </div> <div class= "items" i

4th Jan 2017, 8:44 PM
Safal Basnet
Safal Basnet - avatar
2 Answers
+ 7
Use this CSS : "overflow:hidden;"
4th Jan 2017, 8:45 PM
Valen.H. ~
Valen.H. ~ - avatar
0
Force your main frame element to a width of 100%
4th Jan 2017, 8:45 PM
Andreas K
Andreas K - avatar