close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Css problem with thumbnails

Thread began 6/07/2010 9:32 am by chris373619 | Last modified 6/11/2010 2:15 pm by chris373619 | 2063 views | 6 replies |

chris373619

Css problem with thumbnails

I have a problem with my powergallery. It was working find but now the thumbnails are off the page to the right and the gallery is moving my centered page to the right about 300 or 400 pixels. How do I fix the problem? Also how does this even happen?

gallery.php

Sign in to reply to this post

Eric Mittman

It seems that these issues are related, if I scroll to the right the content becomes centered. So it seems that the thumbnails not being hidden is what is causing this to happen. Please post back with direct link to the gallery that is not included on a page so that we can see it by itself. I have a feeling that there is a css conflict occurring but I would like to check on this first to get a better idea. Also, do you have a link or copy of the page without the gallery code included in it?

Sign in to reply to this post

chris373619

This is the link to the direct page outside of my page. It looks fine.

index.php?gallery=1&theme=light

This is the link inside my page.
gallery_10.php

I have attached the page.

Attached Files
gallery_10.php.zip
Sign in to reply to this post

Eric Mittman

Thanks for that, it is very helpful. I was able to debug some of the css that is applied and I found that when I go into the STAARNIGHT_Gallery.css file and delete the width setting that is applied by this style it seems to look ok.

#outerWrapper .Body #center_nav div {
width: 839px;
}

You may still need to adjust the left and right margins to ensure that it is centered after you make this update.

Sign in to reply to this post

chris373619

That seemed to half way work. The gallery is contained now but something is still pushing the whole thing to the right when the gallery opens. I tried a few things but it didn't seem to help.
Can you see what is loading in the gallery the is pushing everything over?

Sign in to reply to this post

Eric Mittman

In FireFox when I set the margin-left in the #outerWrapper style to be 16% it seems to adjust it properly.

Sign in to reply to this post

chris373619

Your suggestion wasn't the answer.

I used CSS Sculptor when I created the site. It made a CSS Style outerWrapper on my pages.
The PowerGallery has the same CSS OuterWrapper. I re-named all the words outerWrapper to just Wrapper and that seems to have cleared the issue. I will need to not use CSS Scultor and PowerGallery on the same page or just remember to rename the CSS outerWrapper

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...