Floatbox works locally but not on my site

Page: 1

Author Post
iranintoavan
Guest
Hello,

I am fairly new to web development but I pick up quickly and am quite the computer nerd, so it must be some dumb mistake I am making.

Here's the problem, I set up everything to test out Floatbox and when I was finished with the test page, I loaded it up in Firefox and safari and it worked beautiful. I then uploaded it to the root folder of my site and happily went to view it but unfortunately it didn't work.

I am not sure what could be causing the problem. I am just starting my site, so this test page and the required floatbox stuff are the only things on my site. Do you have any idea?

Here is the code for the index.html page that I have, all it consists of is 2 test images.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="">
<head>
<meta http-equiv="content-type" content="text/html; charset=">
<title></title>
<link type="text/css" rel="stylesheet" href="floatbox/floatbox.css" />
<script type="text/javascript" src="floatbox/floatbox.js"></script>
</head>
<body>
<a href="images/fsu1.jpg" rel="floatboxGroup" title="fsupictures"><img src="images/fsu1_thumb.jpg" alt="pictures" /></a>
<a href="images/fsu2.jpg" rel="floatboxGroup" title="fsupictures"><img src="images/fsu2_thumb.jpg" alt="pictures" /></a>
</body>
</html>


Thank you very much in advance.
Administrator
Registered: Aug 2008
Posts: 3382
Most likely cause is that the floatbox files are not located on the site in the location referred to by the include lines. If you provide me with a link to your test site I would be able to tell in a moment what the problem is.

The recommendation is that you place floatbox in a folder named 'floatbox' at the root folder of your site. I see you have changed your include lines by removing the first slash character. Doing this changes the references to be relative to the current folder. In your case this would refer to a folder that is parallel to, or at the same level as, your images folder (assuming the links to your images work).

Sort out the path problem, or send me a link to your test site, and I'm sure things will start working.
iranintoavan
Guest
Thank you, I can't believe I forgot to link you to my site in the first place :shock:

http://www.chrisabney.com/

Thanks so much for the help, I figured it was a problem with my paths...
Administrator
Registered: Aug 2008
Posts: 3382
Ah. It looks like a permissions, not a path, issue. Seems the general public does not have read access to the floatbox folder and contents.
iranintoavan
Guest
:oops: How could I have forgotten to change the permissions after uploading!

Thanks for your help, even if it was quite an easy solution.

Page: 1