PDA

View Full Version : Ultimate Fade-in slideshow (v2.4) Help



lourix
06-17-2011, 07:20 PM
1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: Hey guys bascially I've been creating a website at www.unitybangor.co.uk and as you can see the images are not aligned to the centre of the slideshow. In order to align the whole slideshow I put the slideshow in an align centre div but cannot get the images to centre themselves :/ Can you guys help?

Many thanks.

jscheuer1
06-17-2011, 11:42 PM
That's not the standard way of centering things these days. One is supposed to give the item to be centered a width and a margin of 0 auto. However, you can correct the alignment of the images in the show by adding this to your stylesheet:


#fadeshow1 {
text-align: left;
}

Paradoxically, because the script already centers the images via top and left positioning, aligning to left (the default for all elements) will center them. But if you still want the descriptions centered (doing the above will align them to the left), you may add:


#fadeshow1 .descpanelfg {
text-align: center;
}

Alternatively, if you want to do it the 'right' way get rid of that align="center" attribute from the container. Put this in your stylesheet:


#fadeshow1 {
margin: 0 auto;
}

The script already sets the width for you. And you may still add:


#fadeshow1 .descpanelfg {
text-align: center;
}

to center the descriptions if you like.

lourix
06-18-2011, 01:30 AM
Thankyou so much John!!