Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

how do i center spry image slideshow with filmstrip

Community Beginner ,
Nov 15, 2012 Nov 15, 2012

i added the spry image slidershow to my website gallery i can't seem to figure out the coding to have placed in the center. NEED HELP or even the code

TOPICS
Extensions
8.2K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2012 Nov 15, 2012

Depending on how it's set up, one of the easiest ways is to create a centered <div> using css, then place the gallery within it.

To center using css, all you need to do is give a width and set the margin to auto...

#centered_div {

     width:500px;

     margin:auto;

}

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 15, 2012 Nov 15, 2012

does it go in the head or body tag

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 16, 2012 Nov 16, 2012

The css I listed goes in with your other css info, between the <style> tags in your <head> section...

<style type="text/css">

#centered_div {

     width:500px;

     margin:auto;

}

the remainder of your css

</style>

You would then need a <div> added to the <body> section with the id set to centered_div...

<div id="centered_div">your slideshow info here</div>

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Nov 16, 2012 Nov 16, 2012
LATEST

thanks it worked

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines