Slideshow button placement

[Timjbbrown]

Hey guys,

I've got quite a long way into my customisation without really understanding what I'm doing! but there's one thing I just can't find how to sort out - I've moved the slideshow button down the page, but it's not in the same place in all my galleries. I'd like it to be level with my 'add comment' button.
My galleries are on Smug classic, and my site is timjbbrown.snugmug.com

The code I used to move it down the page is:

#smugmug #playSlideShowWrapper {
position:relative;
top: 676px;}

It works fine on my 'Morocco' gallery, but not on 'Plants' and some others..roughly in the right place but not quite!

Be very grateful for any help!

Cheers
Tim

[Allen]

Hey guys,

I've got quite a long way into my customisation without really understanding what I'm doing! but there's one thing I just can't find how to sort out - I've moved the slideshow button down the page, but it's not in the same place in all my galleries. I'd like it to be level with my 'add comment' button.
My galleries are on Smug classic, and my site is timjbbrown.snugmug.com

The code I used to move it down the page is:

#smugmug #playSlideShowWrapper {
position:relative;
top: 676px;}

It works fine on my 'Morocco' gallery, but not on 'Plants' and some others..roughly in the right place but not quite!

Be very grateful for any help!

Cheers
Tim
The div is placed on the page and you can move it but as you're finding out
there's no way to lock a place because of the different page heights. Even
different caption heights throws it off. Don't know how or even possible but
maybe set absolute positioning from bottom page corner.

[Andy]

Do not move that button. I can't promise you that you won't lose slideshow functionality.

Sorry.

[Timjbbrown]

Thanks, I'll leave it where it is!

Tim

[PhotoMarkus]

Do not move that button. I can't promise you that you won't lose slideshow functionality.

Sorry. Hi Andy
I also want to move the "Share", "Map" and "Slideshow" button.
Right now the position does not fit into my design and interferes with my navbar.

Have a look here (site is under construction):
http://markusbrosch.smugmug.com/gallery/4943487_nGzmP#295709159_EAHys

Any ideas, tricks what we could do here ?

PS: Ideally I'd love to move the buttons down by maybe 50px under the < hr > line.

[PhotoMarkus]

Hi Andy
I also want to move the "Share", "Map" and "Slideshow" button.
Right now the position does not fit into my design and interferes with my navbar. Alternatively I'd love to centre the 3 buttons. Currently I use:

#breadcrumb {visibility:hidden;}
#altViews {visibility:visible;}

Now, the idea is to replace the default buttons with custom buttons and centre them. However, whatever CSS I try, "centering" does not work.

Can you let me know whether it is possible to centre #altViews (the 3 buttons) ?

Thanks!

[PhotoMarkus]

Do not move that button. I can't promise you that you won't lose slideshow functionality.
Sorry. I still don't understand how the layout may affect slideshow functionality. I mean, CSS is meant to exactly prevent mixing of view and business code. It would be great if you can clarify this.

I finally just went ahead and hard-coded the positions of the buttons for now and I am sort of happy with this solution.

Here's how it looks now (let me know what you think ?!):
http://markusbrosch.smugmug.com/gallery/4939328_3nvHh#295395436_2v3vD

Here's the code:


.play_slideshow {
position:absolute;
top:27px;
left:-95px;
background: url(http://markusbrosch.smugmug.com/photos/298689933_uXgF2-L.jpg) no-repeat !important;
width: 85px;
height: 19px;
margin: 2px 0 0 5px;
}

.map_this {
position:absolute;
top:27px;
left:-152px;
background: url(http://markusbrosch.smugmug.com/photos/298695202_Yf5AE-L.jpg) no-repeat !important;
width: 32px;
height: 19px;
margin: 2px 0 0 5px;
}

.share_button {
position:absolute;
top:27px;
left:-229px;
background: url(http://markusbrosch.smugmug.com/photos/298694101_pBTuT-L.jpg) no-repeat !important;
width: 53px;
height: 19px;
margin: 2px 0 0 5px;
}