PDA

View Full Version : Help centering carousel slideshow



Comets8u
04-12-2006, 05:07 PM
I cant seem to figure out how to center the "carousel slideshow" on my site. Any help would be greatly appreciated!
Heres the site link.

http://eteamz.active.com/Comets8u/


Thanks

jscheuer1
04-13-2006, 03:05 AM
Find the division for the carousel:


<div id="Carousel" style="position:relative">
<img src="placeholder.gif" width="371" height="227">
</div>

The one after the script, not the example one written into the code near the top of the script.

Now, using the same width as you have calculated for your placeholder.gif, make these modifications:


<div id="Carousel" style="width:371px;margin:0 auto;position:relative">
<img src="placeholder.gif" width="371" height="227">
</div>

Note: The blue numbers must be the same and calculated as instructed on the demo page:


placeholder width:
-4 sided: 1.42 * carousel image width + 3
-6 sided: 2 * carousel image width +4
-8 sided: 2.62 * carousel image width + 5
-12 sided: 3.87 * carousel image width + 7

Comets8u
04-13-2006, 02:37 PM
Thanks!

jscheuer1
04-13-2006, 03:59 PM
It has come to my attention (working with another similar script) that in some browsers (FF in particular) the height must be used as well to maintain a congruent layout (this would be true even without centering):


<div id="Carousel" style="width:371px;height:227px;margin:0 auto;position:relative">
<img src="placeholder.gif" width="371" height="227">
</div>

And, I should have also mentioned that your page must use at least a transitional DOCTYPE.