Page 1 of 1

Stylesheet Conflicts from Embedding a Gallery

Posted: Tue Aug 11, 2009 3:52 pm
by captcadaver
So, I've been having some issues integrating a gallery into a template.

Here's a link to my page:

http://test.yellowstoneanimals.com/

Here's a link to the gallery that I include() on the index page:

http://test.yellowstoneanimals.com/index_splash.php

Click the "Buy Prints" button. How can I close the distance between the top of the pop-up box and the rest of the box?

Additionally, I'm having trouble getting the elements of the bottom row of this page (http://test.yellowstoneanimals.com/galleries.html) centered. The method I used for centering the top row is probably not so good. Any ideas?

Thanks!

Re: Stylesheet Conflicts from Embedding a Gallery

Posted: Tue Aug 11, 2009 5:44 pm
by kaszu
On your main page style.css conflicts with gallery styles.
In style.css form has margin, which is causing the gap. To fix that add following:

Code: Select all

#fsbox form {
    margin: 0;
}
But there are also other problems caused by conflicts.

Re: Stylesheet Conflicts from Embedding a Gallery

Posted: Tue Aug 11, 2009 6:55 pm
by captcadaver
Thanks for your help. The box looks nicer now, but I can barely see the "Buy This Print" button now. ><

Any suggestions? The page is updated.