Jim's DHTML Menu v5.7 - Opera - CSS Problem

**technochick** · 02-23-2006, 12:17 AM

Jim's DHTML Menu v5.7 - Opera - CSS Problem
http://www.dynamicdrive.com/dynamici...menu/index.htm
Browser: Opera 8.52 / Windows

I'm having a problem when I use this script and an external CSS page. My CSS is overriding the font style defined in the menu script when I use the Opera browser. It works fine in all the other browsers.

I already made one edit to make it compatible with Opera 8+

Here is what my CSS file looks like:

Code:

.ContentHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000033; color: #000099}
.bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal}
.bodytextbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal }
.drname { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000033; color: #666666}
.drbio { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000033; color: #666666 }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000033; color: #666666; padding:0px 5px 0px 0px }
a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000033; color: #000099}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000033; color: #666666}
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 8px; font-weight: bold; font-variant: normal; text-transform: none; color: #000033; color: #000099}
div { scrollbar-face-color:#1D2474; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#1D2474; scrollbar-darkshadow-color:#1D2474; scrollbar-track-color:#FFF6C1; scrollbar-arrow-color:#EBA857}

Here is the code from the JS file that should be controlling the look of the text in the button.

Code:

menus[0] = new menu(254, "vertical", 530, 50, 0, -2, "img:images/button.jpg", "img:images/button_over.jpg", "Arial,Helvetica", 11, "bold", 
		"bold", "white", "white", 0, "white", 3, "", false, false, true, false, 0, true, 0, 0, "");
	menus[0].addItem("01_pfd_about.htm", "", 29, "left", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;About Our Office", 1);
	menus[0].addItem("04_pfd_services.htm", "", 29, "left", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Services", 3);
	menus[0].addItem("02_pfd_doctors.htm", "", 29, "left", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Our Doctors", 2);
	menus[0].addItem("03_pfd_options.htm", "", 29, "left", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Insurance/Pay Options", 4);
	menus[0].addItem("#", "NEWWIN", 29, "left", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Login", 0);
	menus[0].addItem("index.htm", "", 29, "left", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Home", 0);
	menus[0].floatMenu(1024, 768, 10, 1);

This is how the script & page CSS is set up in the source code:

Code:

<link href="stylesheets.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="includes/browser.js">

/***********************************************
* Jim's DHTML Menu v5.7- &#169; Jim Salyer (jsalyer@REMOVETHISmchsi.com)
* Visit Dynamic Drive: http://www.dynamicdrive.com for script and instructions
* This notice must stay intact for use
***********************************************/

</script>
<script type="text/javascript" src="menu.js"></script>
</head>

<body onload="init()">

Any help or direction would be appreciate. I have never used the Opera browser before, so I've never encountered this problem before. Is there something I can add to my CSS perhaps?

-Angie