Some web page content is not displayed after new version roll out

HTML & CSS
1

I recently did a re-write of an existing but out dated web site. I had everything working well in development, and QA’ed the site using FireFox. IE, and Crome (that’s the best I can do).

To do the migration, I renamed all the original files and directories, then uploaded the new files via FTP (smartFTP).

To my surprise, much of the content (but not all) that consists mostly of images such as jpg, and gif files are not showing up. even though in some cases images not showing up are in the same directory as other images that do show up. The best example of is on the home page (index.html). Two of three horses show up in the middle of the screen. All three images are called from the same directory and the missing image exists there.

On the “About_us” page, multiple images are missing such as the picture of a truck, and “bullet” style line markers that are produced by a small red jpg files.

The final page (the site is only 3 pages long) is called “Photos” and shows a box with 12 smaller boxes that should (but don’t) show a thumb nail image. when you hover the mouse over a thumb nail, a larger version of the image appears to the left of the 12 thumb nails but inside the large box. However, even though the thumb nail boxes are empt, If you hover the mouse over one, it still shows the full size image as it should. I have checked and the thumbnail images exist as a sub dir of the larger images just as it did in development.

The URL for the page is http://www.andersonhorsetransportation.com/index.html

Help is desperately needed

thanks
Bill

2

The devil often hides in the details. For the thumbnail images, the problem is in your CSS. You have this

#container a.slidec {
background: url(../images/[COLOR="#FF0000"]thumb[/COLOR]/AHT-3-t.jpg);
height: 62px;
width: 93px;
}

when you should have this:

#container a.slidec {
background: url(../images/[COLOR="#FF0000"]Thumb[/COLOR]/AHT-3-t.jpg);
height: 62px;
width: 93px;
}

My advice is always to write file names, folder names and code in lowercase letters only. That avoids one source of errors that you can well do without. :slight_smile:

3

Thanks Ralph!
I have the photo gallery fixed, and all of the other problems were related to this one. They all had to do with upper case verses lower case. The reason I never saw the problem during testing is because I developed on a windows machine (not case sensitive) and in production it is running on a UNIX box (is case sensitive).

I feel a little foolish given I have a history with UNIX but what the heck, live and learn I guess.

Thanks again
Bill

4

Hehe, I suspected that might be the case. Anyhow, I guess your Unix background will help you understand why I always use lowercase for any code at all.