I'm developing a website for a university and of course it has to be crossbrowser compatible. i chose to use the show/hide layers method for making dropdown menus (which the college specified) Fireworks had huge 30k .js script so i didn't want to use that. Anyway a few questions , why does the submenu layer disappear when i mouse over the text of the links in the table I have embedded in that layer (only in IE4). I can actually mouseover the cells - as i should be able to - but the minute i mouse over the text in the cell it disappears . Here's the url if anyone wants to examine it [micsu.ie...]
A few other queries - Can I center the page so it will appear ok in a huge monitor and not stuck in the top left hand corner. Finally if I am using css this seems to stop a user increasing the text size with his browser settings (site should be accessible for all to read). is there any css setting for adjustable font sizes for the user or do i have to scrap css. Thanks a million I'm in urgent need of assistance ! Mike
i was trying to take a look at your code but got a 404 on your main.css, I am by far a master at css but hopefully this post will get you back to the top of recent posts and someone who knows more than me can help you.
here's a thought, try extending the image map for your horizmenu.gif and call your show/hide layers onMouseover and see if that works. The other thing is on your internal pages you have a grey bg but you don't on the main page.
I seem to be struggling with the unsupported div tag in netscape, I can't seem to get it to mouseout or if I do it is only on the menu item not on the new layer. Normally I use layers for netscape and divs for ie, you may need to autodetect the browser type and show them different code.
I wish I could help more but I haven't used these types of menus before because of this exact problem. Does the fireworks code that you mentioned work in all browsers? It might be worth using even if it is a little heavy.
For the centering question you could use a div align=center around the whole doc but this would probably mess up your positioning.
I will keep working at it and tell you if I find anything new.
I have IE6... I don't see any menus - what's the status?
BTW, You are hiding the menu onMouseout, and when your mouse pointer leaves the DIV and goes over the text, the div receives a mouseout event. This is correct... but only happens on more standards-compliant browsers.
I have some menu examples you're welcome to look at (or use)... see my profile for my cross-browser stuff.