I’ve made a page that duplicates the old apple slider. The demo is at (chrisblackwell.me/legend/)
The slider works great in Safari and Chrome, but not so much in FireFox. The elements don’t seem to want to go outside the containers width. Any thoughts?
You’d probably need to us inline-block instead of float on the anchor because floats don’t honour the white-space nowrap.
.sliderGallery ul li a{
float:none;
display:inline-block;
}
The JS doesn’t seem to be working Firefox either.
That seem to fix the problem. It didn’t work when I added inline-block on the a element, but did when I added it to the li element.
Glad you got it sorted 