PDA

View Full Version : 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/dynamicindex1/jimmenu/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:


.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.


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", "      About Our Office", 1);
menus[0].addItem("04_pfd_services.htm", "", 29, "left", "      Services", 3);
menus[0].addItem("02_pfd_doctors.htm", "", 29, "left", "      Our Doctors", 2);
menus[0].addItem("03_pfd_options.htm", "", 29, "left", "      Insurance/Pay Options", 4);
menus[0].addItem("#", "NEWWIN", 29, "left", "      Login", 0);
menus[0].addItem("index.htm", "", 29, "left", "      Home", 0);
menus[0].floatMenu(1024, 768, 10, 1);


This is how the script & page CSS is set up in the source 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

technochick
02-23-2006, 01:46 AM
Solved my own problem:

the P attribute in my CSS page was overriding the script, so I changed all the
<p>'s to
<p class="bodytext"> and deleted the P reference from my CSS.

All is well now, hopefully this will help someone else.

techno_race
03-04-2007, 10:33 PM
in this case you use [HTML], not [CODE].