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.