Results 1 to 3 of 3

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

  1. #1
    Join Date
    Feb 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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", "      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:
    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

  2. #2
    Join Date
    Feb 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Solved my own problem:

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

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

  3. #3
    Join Date
    Feb 2007
    Location
    🌎
    Posts
    528
    Thanks
    10
    Thanked 10 Times in 10 Posts
    Blog Entries
    2

    Default

    in this case you use [HTML], not [CODE].

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •