PDA

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



StephanieT
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!
Stephanie

peanutville
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

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

ddadmin
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"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

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

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

Nards1134
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?

ddadmin
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.