I loaded this package to help me get started on creating a Umbraco site. I've since modified the site a great deal and have multiple slide shows throughout the site. ALl is working well but I seem to have the same strange behavior with each silde show that I cant figure out.
Each slideshow has a dot (or Period) on the outside Bottom Left corner of the rotating-panel and it seems that all of the rotating-panels have padding to the left of rotating panel that doesnt show up in the CSS via tools like firebug. So I have a left padding/margin on each slide show that I simply cant get rid of.
Initially there was a margin-left: 30px; on the rotating-panel style that I've sinced removed. I've spent a lot of time trying to figure this our to no avail... any assistance from anyone that knows what I am referring to would be appreciated. Thanks.
I figured out thet the DOT itself was getting generated by removing this style on the UL - list-style-type:none.
I seem to be able to get the slideshow to stay left justified in my DIV properly in FireFox, but am still having issues with IE.
What styles in the JavaScript are you referring to? I've tried posting images here before and they didnt display... will give it a shot again shortly..
I'm thinking that the JavaScript is perhaps setting some css styles while rendering the gallery.
You should be able to see if something like that is going on by giving firebug a spin and see what happens in the DOM when the gallery cycles the images.
But let's see a screendump, then it'll probably be a bit easier to give you some better ideas.
Thanks for getting back to me Jan.... I ended up figuring it out. I wasnt able to identify what was applying a margin-left in IE because it didnt show up in the F12 Dev Tools but adding a margin: 0px to the #slideshow UL style allowed the slide show to justify properly in IE.
Question about slideshow
I loaded this package to help me get started on creating a Umbraco site. I've since modified the site a great deal and have multiple slide shows throughout the site. ALl is working well but I seem to have the same strange behavior with each silde show that I cant figure out.
Each slideshow has a dot (or Period) on the outside Bottom Left corner of the rotating-panel and it seems that all of the rotating-panels have padding to the left of rotating panel that doesnt show up in the CSS via tools like firebug. So I have a left padding/margin on each slide show that I simply cant get rid of.
Initially there was a margin-left: 30px; on the rotating-panel style that I've sinced removed. I've spent a lot of time trying to figure this our to no avail... any assistance from anyone that knows what I am referring to would be appreciated. Thanks.
Hi MHH311
Could you perhaps post an image of this issue? I'm thinkg you may be struggling with styles being set from JavaScript perhaps?
/Jan
I figured out thet the DOT itself was getting generated by removing this style on the UL - list-style-type:none.
I seem to be able to get the slideshow to stay left justified in my DIV properly in FireFox, but am still having issues with IE.
What styles in the JavaScript are you referring to? I've tried posting images here before and they didnt display... will give it a shot again shortly..
I'm thinking that the JavaScript is perhaps setting some css styles while rendering the gallery.
You should be able to see if something like that is going on by giving firebug a spin and see what happens in the DOM when the gallery cycles the images.
But let's see a screendump, then it'll probably be a bit easier to give you some better ideas.
/Jan
Thanks for getting back to me Jan.... I ended up figuring it out. I wasnt able to identify what was applying a margin-left in IE because it didnt show up in the F12 Dev Tools but adding a margin: 0px to the #slideshow UL style allowed the slide show to justify properly in IE.
is working on a reply...