View Full Version : 2 Style sheets causing trouble in 1 page. Using lightbox and hoverbox - image gallery

Apr 1st, 2007, 07:58 AM
Hey everyone,

I am using hoverbox js and lightbox js along with their CSS style sheets. Gallery looks and works perfectly. But the pages are not in the same boat. The home page is below. This is what the page should look like:

HTML: http://www.uccspibetaphi.org/index.html

This is the page causing me trouble:
CSS1: http://www.uccspibetaphi.org/css/hoverbox.css
CSS2: http://www.uccspibetaphi.org/lightbox.css
CSS3: http://www.uccspibetaphi.org/images/style2.css
Following code is included in style2.css but this is the lightbox portion -
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
font-size: 0.8em;
padding-top: 0.4em;
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }


I think it is just the margins by the looks of it, but I can't seem to find it. I am probably overlooking it but...Thanks in advance everyone!


Apr 1st, 2007, 10:19 AM
You realize that you have two lighbox.css files linked to the same page? Might be causing the margin left to be doubled?
Delete one of the links to that file to see if the left margin behaves properly.*edit* No. didn't work...

Apr 1st, 2007, 10:43 PM
That didn't seem to work either. Thanks for the suggestion.