I'm working on a site that uses the (mb)ContainersPlus plugin
. In the "photographs" div container, I'm attempting to add a slider plugin to display the photo thumbnails. I've tried both the "better coda slider
" and Easy Slider
. The gist of those sliders is that you list items inline, and the first one is displayed while all the others are hidden off to the side - and when you call the next one, it slides over horizontally and is displayed.
My problem is that my list items are not inline. They are stacked on top of each other. Despite doing all I can think of to specify in the style that they should be type:none and should be inline, they just won't agree to that.
What I've observed is that the ul's width should
be adjusting in size to fit all the items horizontally, but there's something going on that's keeping the width at 0px. At this point, it seems like the container plugin has to be affecting things somehow. But it's not, as far as I can tell, in the container's css. So it must be in the js file! However, I'm not skilled enough to parse the js file. The simplest culprit would be the js calls (the order of them, maybe). I just don't know enough about calls to figure out how they would be conflicting.
At this point I'm thinking of just dumping mbcontainersplus for something else. I am barely using any of its features - I mostly picked it for the rounded corners, and because it doesn't do any snazzy loading stuff.
Any advice would be appreciated. It seems like this should be fairly simple to fix. And I hope my description made sense! I feel really dumb for not figuring this out by now. It's extremely frustrating.