PDA

View Full Version : Chromemenu IE



jhford
07-24-2006, 02:42 PM
1) Script Title: Chrome CSS Drop Down Menu (v2.0)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem: The script works perfectly for me in FF but the menu text turns white in IE on mouseover and is illegible.
My test site:
http://www.21stcapital.com/newsite/index.html

Thanks

jscheuer1
07-24-2006, 03:44 PM
Most likely it is because this style from pandf.css:


a:hover {
color: #FFFFFF;
background-color: #387DB5;
}

Is being used for these links hover styled like so in chromemenu.css:


.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

as well as these links hover styles:


.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

If you don't want the hover color for these links to follow the only link hover color set for the page, add a color property/value pair to their more specific selectors. And, just to be on the safe side, make sure to include a space before the opening curly brace (IE requires that for some odd reason in some cases), examples:


.chromestyle ul li a:hover {
color: #494949;
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

and:


.dropmenudiv a:hover { /*THEME CHANGE HERE*/
color: black;
background-color: #F0F0F0;
}