(help)center my slideshow

trefpeg

How do you center the slideshow on the page...it seems to be
all the way to the left ....

sorry still new!

Allen

trefpeg wrote:

How do you center the slideshow on the page...it seems to be
all the way to the left ....

sorry still new!

Have a link to your site?

Assuming it's in the bio.
Probably add the text-align: center; to one of these in your CSS.

#bioBox {text-align: center;}
#userBio {text-align: center;}

trefpeg

trefpeg wrote:

How do you center the slideshow on the page...it seems to be
all the way to the left ....

sorry still new!

I guess this would help ....sorry

http://stephengepfert.smugmug.com

Allen

trefpeg wrote:

I guess this would help ....sorry

http://stephengepfert.smugmug.com

See how we can get that things without all the info?:D It's not in your bio
but just placed by html in your header code.

Good thing we could look because you're missing the closing } for your
banner code. Also add a little margin bottom to push the slideshow down.

#my_banner {
width: 750px;
height: 200px;
margin: 0 auto;
margin-bottom: 20px;
background: url(http://stephengepfert.smugmug.com/photos/169912813-O.jpg) no-repeat;
}

#mySlideshow {text-align: center;}

trefpeg

Thanks Allen
I dont have a clue about code.

Allen

... and your next question might be "why is it so small?".:D

Insert the two red lines just below the properties line in your slideshow footer code.

/* see properties section */
slideHeight = "400"; //visible height of slide
slideWidth = "640"; //visible width of slide

also remove the red in this

slideshowUrl = "http://stephengepfert.smugmug.com/gallery/3132928/1/171862250";

trefpeg

Now the banner moved over to the left?
What can I do to move that ...
IT is looking pretty nice Thanks

Allen

trefpeg wrote:

Now the banner moved over to the left?
What can I do to move that ...
IT is looking pretty nice Thanks

Move this out of your head tag and into the header code box.

<div id="my_banner"> </div>

Trying to figure out why the space is there and it's running but can't see the slideshow here.

Add the margin: 0 auto; back in to center show.

#my_banner {
width: 750px;
height: 200px;
margin: 0 auto;
margin-bottom: 20px;
background: url(http://stephengepfert.smugmug.com/ph...69912813-O.jpg) no-repeat;
}

trefpeg

Thanks Allen

....Plus you taught me something ....

Thanks