Results 1 to 4 of 4

Thread: Help centering carousel slideshow

  1. #1
    Join Date
    Apr 2006
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Help centering carousel slideshow

    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

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,127
    Thanks
    44
    Thanked 3,228 Times in 3,189 Posts
    Blog Entries
    12

    Default

    Find the division for the carousel:

    HTML Code:
    <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:

    Code:
    <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
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Apr 2006
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks!

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,127
    Thanks
    44
    Thanked 3,228 Times in 3,189 Posts
    Blog Entries
    12

    Default

    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):

    Code:
    <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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •