Stylesheet Conflicts from Embedding a Gallery

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
captcadaver
Forum Newbie
Posts: 17
Joined: Fri Jul 17, 2009 11:12 pm

Stylesheet Conflicts from Embedding a Gallery

Post 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!
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: Stylesheet Conflicts from Embedding a Gallery

Post 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.
captcadaver
Forum Newbie
Posts: 17
Joined: Fri Jul 17, 2009 11:12 pm

Re: Stylesheet Conflicts from Embedding a Gallery

Post 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.
Post Reply