HTML/CSS REL tag not working

I have the following html code.
<div class="gallery">
<a rel="lightbox" href="images/jail/original%20jail.jpg" title="The Original Jail">
	<img alt="original jail" src="images/jail/original%20jail_small.jpg" class="image-border" /></a>
<a href="images/jail/current 1.jpg" rel="lightbox" title="The Original Jail">
	<img alt="original jail" src="images/jail/current 1_small.jpg" class="image-border" /></a>
<a href="images/jail/current_2.jpg" rel="lightbox" title="The Original Jail">
	<img alt="original jail" src="images/jail/current 2_small.jpg" class="image-border" /></a>
<a href="images/jail/current_3.jpg" rel="lightbox" title="The Original Jail">
	<img alt="original jail" src="images/jail/current 3_small.jpg" class="image-border" /></a>
<a href="images/jail/current_4.jpg" rel="lightbox" title="The Original Jail">
	<img alt="original jail" src="images/jail/current 4_small.jpg" class="image-border" /></a>
</div>

Open in new window


At the top of my page between the <head></head> I have the following:
<link rel="stylesheet" type="text/css" href="styles/style.css" />
<link rel="stylesheet" type="text/css" href="styles/lightbox.css" media="screen" />
<script type="text/javascript" src="Scripts/lightbox.js"></script>

Open in new window


The rel tag isn't working...any input on what I need to do would be greatly appreciated!
LVL 2
Henry StarcherConsultantAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Henry StarcherConsultantAuthor Commented:
This HTML document is in the root folder. The lightbox.css stylesheet is in a styles folder which is located in the root folder. The page is pulling styles from the style.css sheet, just not the lightbox.css sheet.
Ray PaseurCommented:
How do you know it's not getting the lightbox.css styles?  What is the signal that lets you see this?
Henry StarcherConsultantAuthor Commented:
Ray--

The lightbox css is supposed to have pictures open in an overlay with a description underneath. When clicking on the icon to get to the larger picture it just opens the photo in a different window.
Your Guide to Achieving IT Business Success

The IT Service Excellence Tool Kit has best practices to keep your clients happy and business booming. Inside, you’ll find everything you need to increase client satisfaction and retention, become more competitive, and increase your overall success.

Henry StarcherConsultantAuthor Commented:
I can't tell if it's the CSS not doing what it should be doing or the JS. Both are referenced in the head. I didn't touch the coding for either from the original that was downloaded and it worked at that point so I'm confused as to why it's not working. I'm just assuming that I'm not referencing it correctly.
Ray PaseurCommented:
Can you please give us a link to a URL where we can see the issue live?
Henry StarcherConsultantAuthor Commented:
http://bentoncomo.com/jail.html

I was able to get it to work locally, but now the live isn't working. :/
Henry StarcherConsultantAuthor Commented:
Nevermind. I finally was able to find it. My folder path had Scripts/lightbox.js instead of the lowercase scripts/lightbox.js...that was all it took to break it.

Seemed to get it working now.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Ray PaseurCommented:
Going forward, you can usually catch something like that very quickly if you use Chrome Dev Tools.
https://www.codeschool.com/courses/discover-devtools

Best of luck with the project, ~Ray
Henry StarcherConsultantAuthor Commented:
Ray, thanks for that tool!
brundoCommented:
warsawtech,

I suppose, you have on your local computer Windows, where file and folder names are not case sensitive. Your web server has probably some version of Unix (or, closer, Linux), which are operating systems where file and folder (directory) names are case sensitive.

E.g, for file names:
in Windows: abc.txt = ABC.tXt = Abc.txT = ...
in Linux: abc.txt <> ABC.tXt ...
Henry StarcherConsultantAuthor Commented:
Typing errors are horrible...espically when you're reading tons of coding and miss one uppercase letter that should be lowercase.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.