coach outlet qhivz
New Member
I would like to make a Jquery slider, with the previous and next button in the image. I currently have the following code, which shows the previous and next button below the image. The slider is working now as it's supposed to, but the buttons are below the image instead of in the image. How could I change this to have the previous and next button in the image?HTML code:\[code\]<div id="slider"> <ul> <li id="slide1"></li> <li id="slide2"></li> <li id="slide3"></li> </ul> <a href="http://stackoverflow.com/questions/14549864/#" id="slider_prev"></a> <a href="http://stackoverflow.com/questions/14549864/#" id="slider_next"></a></div>\[/code\]CSS code:\[code\]#slider {width:1148px; overflow: hidden;}#slider ul { margin: 0; padding: 0; list-style-type: none; position: relative; z-index: 1;}#slider ul li { float: left; width: 1148px; height: 195px;}#slider_prev, #slider_next {width:53px;height:52px;display:block;margin-top:69px;}#slider_prev {float:left;margin-left:42px;margin-right:92px;background: url("../images/prev.png") no-repeat 0 0 transparent;}#slider_next {float:right;margin-right:42px;margin-left:92px;background: url("../images/next.png") no-repeat 0 0 transparent;}#slide1 { background-image: url("../images/slider_1.png");}#slide2 { background-image: url("../images/slider_2.png");}#slide3 { background-image: url("../images/slider_3.png");}\[/code\]