Home › Forums › JavaScript › stripped down slider for customizing › Re: stripped down slider for customizing
April 30, 2012 at 10:20 pm
#102037
mdrd88
Participant
Alright, I ran into a snag. I believe I am doing the css right to stack the images on top of each other, but I think the problem is I am not probperly targeting it (or the problem could be completely different).
Here is my code
#slideshow {
position: relative;
display: block;
list-style: none;
top: 0px;
left: 0px;
margin:0;
padding:0;
width: 570px;
height: 270px;
}
#slideshow ul {
position: relative;
top: 0px;
left: 0px;
width: 570px;
height: 270px;
}
#slideshow ul li {
position: absolute;
top: 0px;
left: 0px;
float:left;
list-style:none;
z-index: 1000
}
#slideshow ul li.current {
position: absolute;
top: 0px;
left: 0px;
float:left;
list-style:none;
z-index: 9999
}
EDIT: AHH!! silly me. I put the ul in the li when I didn’t need it. But now I can’t figure out how to target the “current” class? Can someone help? Sorry I can’t figure something this simple, I am looking up how to do this as I speak.