Page 1 of 1

jquery slider pointers not working inside a css flyout menu

Posted: Mon Sep 10, 2012 9:11 am
by barricades
I have a css flyout header menu and I also want use the jquery slider widget as one of the options in this menu but when I put it in there the little sliders don't appear correctly, it's like they've collapsed. Or they're hidden or something.

I thought it might have something to do with the z-index because some elements in the flyout header have index's but having changed the index on the slider that didn't help,

can anyone help me out?

http://jsfiddle.net/AUJPh/1/

Re: jquery slider pointers not working inside a css flyout m

Posted: Mon Sep 10, 2012 6:34 pm
by barricades
sorted it! In case anyone else has the same problem:

I changed
div#dropMenu > ul a {
width: auto;
}

to

div#dropMenu > ul li > a {
width: auto;
}

and bob was my uncle