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
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
Find the division for the carousel:
The one after the script, not the example one written into the code near the top of the script.HTML Code:<div id="Carousel" style="position:relative"> <img src="placeholder.gif" width="371" height="227"> </div>
Now, using the same width as you have calculated for your placeholder.gif, make these modifications:
Note: The blue numbers must be the same and calculated as instructed on the demo page:Code:<div id="Carousel" style="width:371px;margin:0 auto;position:relative"> <img src="placeholder.gif" width="371" height="227"> </div>
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
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Thanks!
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):
And, I should have also mentioned that your page must use at least a transitional DOCTYPE.Code:<div id="Carousel" style="width:371px;height:227px;margin:0 auto;position:relative"> <img src="placeholder.gif" width="371" height="227"> </div>
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Bookmarks