http://www.centrestagedancestudio.com/newmenu.htm
http://www.centrestagedancestudio.com/assets/centrestage.css 
http://www.centrestagedancestudio.com/loadmenu.js
http://www.centrestagedancestudio.com/mm_menu.js
 
This site is a mess. Made by some version of Dreamweaver it's incredibly
bloated and a pain. When I took it over I went through and modified all the
parts that I had forseen needing changes so I could at least find my way
through it. Over the years I've modified different parts here and but I know
my client won't spend the money to have me convert it to XHTML/CSS. She
won't see a different so why pay for it?
 
Anyway, she needs a new button and I figured I'd try to convert the menu to
a list with CSS rollovers. I'm condensing over 120 lines of code into about
20 which will make the HTML nicer to look at, doesn't use images for the
buttons so the weight of the document will decrease drastically, and it'll
be a breeze to add buttons later.
 
Two of the buttons, "Studio" and "Costumes", have a JavaScript rollover on
them. Because both buttons don't point directly to a page, only the
resulting menu items that flyout, I have an href="#" on those two links.
When you RollOver those links the type in the <li> disappears. As soon as
your mouse leaves the button, pointing to another button or to the resulting
flyout items, the text reappears. If I change the href="#" to anything
besides # the text stays visible.
 
This might be a JavaScript problem but as the RollOvers are done with CSS I
don't think so. I've taken the onMouseOver and onMouseOut statements from
the <a> and the text still disappears.
 
Any ideas on where the text is going?
 
Thanks,
 
Mike


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to