1 reply [Last post]
Last seen: 18 years 11 weeks ago
Joined: 2003-09-12
Posts: 13
Points: 0

Take a look at the following:

The only menu links that work are Our Story and School. If you view it in IE 6, that little graphic of a map in the top left appears just fine (one page is using a border of 1 and the other isn't). However, that image doesn't display in Mozilla or Firefox. Any ideas why?

Another annoyance is that when you mouseover the menu links on the left, they appear gray for a split second before turning a lighter blue. Sometimes it does it and sometimes it doesn't seem to. It almost makes me wonder if it has something to do with how "well" those images are cached either in the user's browser or on the server. Is there any way around that showing up gray at all other than moving away from using images? I prefer to keep Javascript to a minimum, but I guess that's irrational as long as I use stuff supported by everyone.

Feel free to critique these pages in any way you like. I'm a little sqeamish about the design--I'm no expert and am just trying to do this for free for some friends, but I'm trying to make my site sort of flexible and just rely on CSS instead of tables, etc. However, I'd also like to keep it simple!


Tony's picture
Last seen: 5 weeks 5 days ago
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

having problems - please check my site

Hi naijatexanstud,
Change the src of the image from

to assets/mapa_mexico_heart.jpg"

I didn't notice the gray on mouseover for the menu. There are other ways to do rollovers that might be better if it's causing you stress.
One way I like is http://wellstyled.com/css-nopreload-rollovers.html which has the three states in one image.

Hope that helps