PDA

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



mhauth
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
CSS:http://www.uccspibetaphi.org/images/style2.css

----------------------------------------------------
This is the page causing me trouble:
http://www.uccspibetaphi.org/test_photo_gallery_pi_phi.html
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 -
#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

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

JS:http://www.uccspibetaphi.org/lightbox.js

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!

Matt

jlhaslip
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...

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