Avatar of Chris Labbate
Chris Labbate
Flag for Canada asked on

LightBox CSS

Working on an HTML site to implement a LightBox Gallery. Thought It would be simple enough but it seems like the CSS is all messed up. Not too sure if its getting all the files it needs, but I checked the JS, CSS and other links and they all seem to be called correctly into the page.

Here is the webpage:
http://www.rvcwoodwork.ca/Butcher-Block-Countertops.html

The Gallery Slide show links are half way down the page

I will attach the source for the Lightbox files that I am using. Any help would be great. Not too sure if I have a jquerry conflict problem here or if it is strictly CSS?
CSSHTMLWeb Development

Avatar of undefined
Last Comment
Chris Labbate

8/22/2022 - Mon
Chris Labbate

ASKER
This is the Lightbox being used.

http://www.jacklmoore.com/colorbox/
Chris Labbate

ASKER
I should also mention I am trying to implement example5 from the Light-box code.
ASKER CERTIFIED SOLUTION
SSupreme

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.
Chris Labbate

ASKER
That seemed to Help but not quite there yet?

What is causing all of the controls to be out of place?
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
SOLUTION
SSupreme

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
Chris Labbate

ASKER
Thanks my Friend:

 That Worked, I suspect that I had a few of overlapping CSS Styles. I always thought that it would be great if there was a CSS Conflict tool out there?? Got some free time on your hands, here is a thread:
http://forums.asp.net/t/1975674.aspx?tool+for+remove+conflicting+css+styles+in+two+stylesheets

at any rate, thanks. SOLVED A++++
Chris Labbate

ASKER
Fast response and quickly resolved the issue in record time.
SSupreme

I think it will be total disaster as for example you might have multiple styles for same element "<p>" but because it placed different places different styles stated.
If you would take normalisation css file or so called css reset (to make same view across all browsers at the beginning)  and you will start building rules on top of reset, everything will be in conflict.
That's what CSS is meant to do, the C is for cascading.
There are no conflict but priorities or clashes.
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
Chris Labbate

ASKER
Yes. Said the same thing in the thread. You bump into this stuff when you try and implement 3rd party things. To be honest, Im working on like 12 projects and I can't believe I missed something like, "try uploading the CSS file to the root" even though that wasn't the entire problem, I had to laugh at my self a little. ; )