On 2/13/07, Michael Stevens <[EMAIL PROTECTED]> wrote: > 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/ >
When I change this: #menu ul li a.flyout, #menu ul li a.flyout:link, #menu ul li a.flyout:visited { background: #006666 url(../gif/btn_flyout.gif) top right no-repeat; } ...to this: #menu ul li a.flyout, #menu ul li a.flyout:link, #menu ul li a.flyout:visited { background: #006666 url(../gif/btn_flyout.gif) top right no-repeat; color: #ffffff; } It seems to stick. I'm in a rush, so I don't know if there are other side effects. ______________________________________________________________________ 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/