View Full Version : Resolved Center the Ultimate Fade-in Slide Show (v2.1)

02-25-2010, 07:43 PM
) Script Title: Ultimate Fade-in Slide show (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: Can you tell me how can I center my slideshow? It looks like <p align="center"> is there, but maybe in the wrong place?

4) Site: http://stephaniesuggests.com/

Thank you!

02-25-2010, 08:07 PM
I recently set up the fade in slide show and this worked for me

<div id="slide1" style="MARGIN-LEFT: -45px"></div>

Just adjust the px value to center on your page

02-25-2010, 09:09 PM
Thanks Peanutville ... where should I place the code?

02-25-2010, 09:25 PM
Peanut is talking about directly inserting a CSS margin into your empty DIV that houses your slideshow. Technically the generic way to center the slideshow is with the following margin definition:

<div id="fadeshow1" style="margin:auto"></div>

Or setting "margin" to "auto". In order for this to work in IE, make sure your page contains a valid doctype at the very top, such as:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

02-26-2010, 04:26 AM
Perfect! Thanks! :D

02-26-2010, 10:24 PM
Thanks Peanutville ... where should I place the code?

Place the code where you would like the fade in slide show to be on your page :)

03-11-2010, 07:43 PM
Anyone having an issue centering the actual images in the slideshow. I've centered the actual slideshow div with no problem. but inside my images are always aligning to the left edge and throwing them off center.

Any ideas?

03-12-2010, 12:24 AM
Nards, please post a link to the problem page. It sounds like you may have large images within your slideshow that aren't cached in time for the script to properly determine their dimensions (in order to center them) the first go around.