BROKEN: slideshow large

jchin

There is some static code in the slideshow large view that should be removed so that it doesn't override the custom stylesheet:

<style type="text/css">
#slideshow {
width: 800px;
}
</style>


This is only code into the "large" slideshow. It does not show up in the "small" or "medium" slideshow.

I have a stylesheet that reads:
#slideshow {width: auto; }
so that I can use the full width. This piece of static code in the "large" breaks my setting.

Please tell me how to fix. Thank you.

rainforest1155

I can confirm these additional lines in the large slideshow - I have them, too.

Sebastian

gblotter

jchin wrote:

There is some static code in the slideshow large view that should be removed so that it doesn't override the custom stylesheet:

<style type="text/css">
#slideshow {
width: 800px;
}
</style>


This is only code into the "large" slideshow. It does not show up in the "small" or "medium" slideshow.

I have a stylesheet that reads:
#slideshow {width: auto; }
so that I can use the full width. This piece of static code in the "large" breaks my setting.

If this is a confirmed bug, you should submit to official smugmug support via email to help@smugmug.com for an official response.

jchin

I did submit an email to help@smugmug.com, still no replies.

Andy

could y'all elaborate? i do not have this problem on my site, so i can't help. perhaps a link to gallery on your site where we can see exactly the issue you're reporting would help? thanks in advance.

jchin

To reproduce do this:

1. add this to your stylesheet:
#slideshow {width: auto; }

2. create a gallery or select an existing gallery

3. in the view, select style: slideshow

4. in the slideshow view, select "Large" in the pulldown to the left of "fullscreen".

Do you notice the view is no longer full width like it is with "medium" and "small"?


If you can tell me how to fix, I'd greatly appreciate it. Thanks.

Andy

i did it, and i'm wondering why you'd want the slideshow controls to extend to the edge of the screen? large images are 800px wide so to me, imo, the slide show is nicely centered..

i'm just not understanding what you are trying to accomplish, so again, if you'd provide a link so i can visualize your site that would really help.

jchin

Andy,

My problem is that "slideshow" is NOT centering when it is set to "large".
It is centered when set to "small" and "medium".

It happens with all my galleries. Take a look at one that I haven't locked the style. http://jchin.smugmug.com/gallery/813725

Thanks for your help.

Andy

jchin wrote:

Andy,

My problem is that "slideshow" is NOT centering when it is set to "large".
It is centered when set to "small" and "medium".

It happens with all my galleries. Take a look at one that I haven't locked the style. http://jchin.smugmug.com/gallery/813725

Thanks for your help.

i see. i'm still wondering why you put that code in your stylesheet though, if you take it out, isn't everything fine, as it is on my site?

jchin

andy wrote:

i see. i'm still wondering why you put that code in your stylesheet though, if you take it out, isn't everything fine, as it is on my site?

Andy,

I do not want the TEXT part of the slideshow to be centered. I just want the images (the slideshow itself) to be centered.

I've removed the
#slideshow { width: auto; }
from the stylesheet for the moment, take a look.

Andy

jchin wrote:

Andy,

I do not want the TEXT part of the slideshow to be centered. I just want the images (the slideshow itself) to be centered.

I've removed the
#slideshow { width: auto; }
from the stylesheet for the moment, take a look.

works perfectly, as i see it. so, if you're not happy with this then i'm still not understanding what you want... the images are centered nicely for me
(mac, safari or firefox)

jchin

Andy,


The problem seems to be in the static code for the large slideshow setting.

In the middle of the page source, there is a few lines that read:
<style type="text/css">
#slideshow {
width: 800px;
}
</style><script type="text/javascript">
...

This seems to force the "large" setting to be 800px wide, thus breaking all the centering of the text across a page that is wider than 800px.

I've emailed help@smugmug.com but nobody has gotten back to me. I think this is a code statically written into their pages. Those stylesheet lines do not appear in the medium and small page source; it just starts:
<script type="text/javascript">
...

Just makes centering the slideshow image incorrect when viewing large; while wanting all the text to be spread across the entire width.

Don't you notice the large view is only 800px wide, whereas the small and medium views spread across the width of the page?

Andy

jchin wrote:

Andy,


The problem seems to be in the static code for the large slideshow setting.

In the middle of the page source, there is a few lines that read:
<style type="text/css">
#slideshow {
width: 800px;
}
</style><script type="text/javascript">
...

This seems to force the "large" setting to be 800px wide, thus breaking all the centering of the text across a page that is wider than 800px.

I've emailed help@smugmug.com but nobody has gotten back to me. I think this is a code statically written into their pages. Those stylesheet lines do not appear in the medium and small page source; it just starts:
<script type="text/javascript">
...

Just makes centering the slideshow image incorrect when viewing large; while wanting all the text to be spread across the entire width.

Don't you notice the large view is only 800px wide, whereas the small and medium views spread across the width of the page?

take a look at this gallery in slideshow on my site, it displays perfectly in small, med, or large. i think you have some other type of css that's causing the behaviour on your site.... would need jt to help i think.

jchin

andy wrote:

take a look at this gallery in slideshow on my site, it displays perfectly in small, med, or large. i think you have some other type of css that's causing the behaviour on your site.... would need jt to help i think.

I like the way you have your site centered (all the content). How did you do that? Originally I was trying to do that layout but couldn't set it right so I decided to just do a full width layout.

Can you shed some light? What you have is similar to what I want. Thanks.

Andy

jchin wrote:

I like the way you have your site centered (all the content). How did you do that? Originally I was trying to do that layout but couldn't set it right so I decided to just do a full width layout.

Can you shed some light? What you have is similar to what I want. Thanks.

i'm not the expert, but i think it's these codes in my cobranding that do this:

from the header:

<div align="center">

from the footer
<p align="center">

jchin

andy wrote:

i'm not the expert, but i think it's these codes in my cobranding that do this:

from the header:

<div align="center">

from the footer
<p align="center">

But how are you getting everything in the middle centered like a small page in the middle of a large page? That is what I am trying to do. I will look at your page source for ideas (hope you don't mind). Thanks Andy, you've always been very helpful (including on FredMiranda). Thanks again.

{JT}

I am aware of the problem and will be removing the CSS from that page so that it functions more like the single image view CSS.

jchin wrote:

But how are you getting everything in the middle centered like a small page in the middle of a large page? That is what I am trying to do. I will look at your page source for ideas (hope you don't mind). Thanks Andy, you've always been very helpful (including on FredMiranda). Thanks again.

jchin

{JT} wrote:

I am aware of the problem and will be removing the CSS from that page so that it functions more like the single image view CSS.

JT, please let me know when you've removed that CSS code so I can test to ensure that my pages are designed the way I want them to. Thanks.