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/
