View Full Version : Rollovers not working

01-06-2011, 05:02 PM

I am doing a new website for the local animal shelter and I had the files under a subdirectory of the existing site to keep the new and old separate.

However, when I went to copy the files to the main root directory, my rollovers and CSS do not seem to be working. I look at the orignal html page and the settings for the rollover don't look any different.

This the link to the original pages:

http://www.lanarkanimals.ca/2011/index.htm Note roller on upper navbar

http://www.lanarkanimals.ca/2011/adopt.htm Note rollover on left hand navigation

This is the link to the new pages:



Neither rollovers are working.

The font should be Tahoma which seems ok on IE but not Google Chrome.

Any input would be appreciated!



01-06-2011, 06:23 PM
Hi Dale

The rollovers work fine for me on both pages.

Also fonts depend on the computer you are viewing them on. If Tahoma is on the machine then it will work. If not, state an alternative in the font-family CSS. I mention this because using javascript rollovers for these is just wrong in my book.

You should have some text in an unordered list to make your nav. Search Engines and users who are partially sighted or blind, and who use screen readers, are disadvantaged by your menu because they can't read it.

Especially being a charity site that is pretty much discrimination!

If you feel you absolutely have to use images then at least use the CSS sprites technique that will work with javascript disabled; http://css-tricks.com/css-sprites/ and then you can have best of both worlds, text links AND images.

01-06-2011, 08:32 PM
Works for me as well. And follow Corrosive's advice.

01-06-2011, 08:53 PM
yes.. same advice here... and to be honest. the font you've used for the images are not really that special, so why not use a websafe font for it like arial or verdana... they're almost identical and are real fonts.

01-07-2011, 12:33 PM
Thanks for the input, I'll have a look at it asap.