Drop-Down Menus in Mozilla Firefox

  • Ju
  • Novice
  • Novice
  • Ju
  • Posts: 26
  • Loc: UK

Post 3+ Months Ago

Hi there, I wonder if any of you chaps / chapettes might be able to help...

I've just created a website for my local live music scene, in which I have incorporated a couple of drop-down menus for ease of navigation. This was created using Macromedia Studio MX 2004; Fireworks for the menus, Dreamweaver for the layout.

http://www.hdlma.co.uk

When loaded in Internet Explorer, the menus are fine.

However, in Mozille Firefox, when you drop the menus down and hover over the text contained within, the cursor is not the standard finger (as it should be for a link) but instead turns to the text-hilight cursor.

Many thanks in advance for any help and suggestions :)

Regards,
Julian
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Posts: 371
  • Loc: Riverside, CA

Post 3+ Months Ago

Have you use CSS, becuase in mozilla they are objects not links..

Im not sure what part of your CSS controls that part of your navagation.. but I think it might be one of these:

Code: [ Select ]
.navtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666666;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;
    white-space: normal;
}

.navtext2 {
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: italic;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666666;
}
  1. .navtext {
  2.     font-family: Verdana, Arial, Helvetica, sans-serif;
  3.     font-size: 10px;
  4.     font-style: normal;
  5.     line-height: normal;
  6.     font-weight: normal;
  7.     font-variant: normal;
  8.     color: #666666;
  9.     text-align: left;
  10.     text-indent: 5px;
  11.     vertical-align: middle;
  12.     white-space: normal;
  13. }
  14. .navtext2 {
  15.     text-align: center;
  16.     vertical-align: middle;
  17.     font-family: Verdana, Arial, Helvetica, sans-serif;
  18.     font-size: 10px;
  19.     font-style: italic;
  20.     line-height: normal;
  21.     font-weight: normal;
  22.     font-variant: normal;
  23.     color: #666666;
  24. }



What you need to do it add this in there:

Code: [ Select ]
cursor: pointer;


;)
  • Ju
  • Novice
  • Novice
  • Ju
  • Posts: 26
  • Loc: UK

Post 3+ Months Ago

I've tried that out - the CSS was located in the file index.css - it didn't make any difference though.
The drop-down menus were created with Macromedia Fireworks. As far as I can make out, the code for editing the appearence of these menus is as follows:

Code: [ Select ]
<!--

<!--
function mmLoadMenus() {

 if(window.mm_menu_0819193937_0) return;
  window.mm_menu_0819193937_0_1 = new Menu("Events",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  mm_menu_0819193937_0_1.addMenuItem("BOTB&nbsp;'04","location='botb.htm'");
   mm_menu_0819193937_0_1.hideOnMouseOut=true;
   mm_menu_0819193937_0_1.menuBorder=0;
   mm_menu_0819193937_0_1.menuLiteBgColor='#666666';
   mm_menu_0819193937_0_1.menuBorderBgColor='#000000';
   mm_menu_0819193937_0_1.bgColor='#000000';
  window.mm_menu_0819193937_0_2 = new Menu("Reviews",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  mm_menu_0819193937_0_2.addMenuItem("HorFest","location='fest.htm'");
   mm_menu_0819193937_0_2.hideOnMouseOut=true;
   mm_menu_0819193937_0_2.menuBorder=0;
   mm_menu_0819193937_0_2.menuLiteBgColor='#666666';
   mm_menu_0819193937_0_2.menuBorderBgColor='#000000';
   mm_menu_0819193937_0_2.bgColor='#000000';
  window.mm_menu_0819193937_0_3 = new Menu("Images",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  mm_menu_0819193937_0_3.addMenuItem("BOTB&nbsp;'03","location='images.htm'");
  mm_menu_0819193937_0_3.addMenuItem("BOTB&nbsp;'04","location='images04.htm'");
   mm_menu_0819193937_0_3.hideOnMouseOut=true;
   mm_menu_0819193937_0_3.menuBorder=0;
   mm_menu_0819193937_0_3.menuLiteBgColor='#666666';
   mm_menu_0819193937_0_3.menuBorderBgColor='#000000';
   mm_menu_0819193937_0_3.bgColor='#000000';
 window.mm_menu_0819193937_0 = new Menu("root",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
 mm_menu_0819193937_0.addMenuItem(mm_menu_0819193937_0_1,"location='#'");
 mm_menu_0819193937_0.addMenuItem(mm_menu_0819193937_0_2,"location='#'");
 mm_menu_0819193937_0.addMenuItem(mm_menu_0819193937_0_3,"location='#'");
 mm_menu_0819193937_0.addMenuItem("Gig&nbsp;Guide","location='gigs.htm'");
 mm_menu_0819193937_0.addMenuItem("Bands","location='featbands.htm'");
  mm_menu_0819193937_0.hideOnMouseOut=true;
  mm_menu_0819193937_0.childMenuIcon="images/arrows.gif";
  mm_menu_0819193937_0.menuBorder=0;
  mm_menu_0819193937_0.menuLiteBgColor='#666666';
  mm_menu_0819193937_0.menuBorderBgColor='#000000';
  mm_menu_0819193937_0.bgColor='#000000';
  window.mm_menu_0819210807_1_1 = new Menu("Services",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  mm_menu_0819210807_1_1.addMenuItem("PA&nbsp;Hire","location='pa.htm'");
  mm_menu_0819210807_1_1.addMenuItem("Rehearsals","location='rehearse.htm'");
   mm_menu_0819210807_1_1.hideOnMouseOut=true;
   mm_menu_0819210807_1_1.menuBorder=0;
   mm_menu_0819210807_1_1.menuLiteBgColor='#666666';
   mm_menu_0819210807_1_1.menuBorderBgColor='#000000';
   mm_menu_0819210807_1_1.bgColor='#000000';
 window.mm_menu_0819210807_1 = new Menu("root",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
 mm_menu_0819210807_1.addMenuItem(mm_menu_0819210807_1_1);
 mm_menu_0819210807_1.addMenuItem("Press","location='press.htm'");
 mm_menu_0819210807_1.addMenuItem("Promoters","location='promoters.htm'");
 mm_menu_0819210807_1.addMenuItem("Join","location='join.htm'");
 mm_menu_0819210807_1.addMenuItem("Meetings","location='meetings.htm'");
 mm_menu_0819210807_1.addMenuItem("Links","location='links.htm'");
  mm_menu_0819210807_1.hideOnMouseOut=true;
  mm_menu_0819210807_1.childMenuIcon="images/arrows.gif";
  mm_menu_0819210807_1.menuBorder=0;
  mm_menu_0819210807_1.menuLiteBgColor='#666666';
  mm_menu_0819210807_1.menuBorderBgColor='#000000';
  mm_menu_0819210807_1.bgColor='#000000';


mm_menu_0819210807_1.writeMenus();
} // mmLoadMenus()

// mmLoadMenus()

// mmLoadMenus()

// mmLoadMenus()

// mmLoadMenus()

// mmLoadMenus()

// mmLoadMenus()

// mmLoadMenus()

// mmLoadMenus()

//-->
  1. <!--
  2. <!--
  3. function mmLoadMenus() {
  4.  if(window.mm_menu_0819193937_0) return;
  5.   window.mm_menu_0819193937_0_1 = new Menu("Events",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  6.   mm_menu_0819193937_0_1.addMenuItem("BOTB&nbsp;'04","location='botb.htm'");
  7.    mm_menu_0819193937_0_1.hideOnMouseOut=true;
  8.    mm_menu_0819193937_0_1.menuBorder=0;
  9.    mm_menu_0819193937_0_1.menuLiteBgColor='#666666';
  10.    mm_menu_0819193937_0_1.menuBorderBgColor='#000000';
  11.    mm_menu_0819193937_0_1.bgColor='#000000';
  12.   window.mm_menu_0819193937_0_2 = new Menu("Reviews",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  13.   mm_menu_0819193937_0_2.addMenuItem("HorFest","location='fest.htm'");
  14.    mm_menu_0819193937_0_2.hideOnMouseOut=true;
  15.    mm_menu_0819193937_0_2.menuBorder=0;
  16.    mm_menu_0819193937_0_2.menuLiteBgColor='#666666';
  17.    mm_menu_0819193937_0_2.menuBorderBgColor='#000000';
  18.    mm_menu_0819193937_0_2.bgColor='#000000';
  19.   window.mm_menu_0819193937_0_3 = new Menu("Images",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  20.   mm_menu_0819193937_0_3.addMenuItem("BOTB&nbsp;'03","location='images.htm'");
  21.   mm_menu_0819193937_0_3.addMenuItem("BOTB&nbsp;'04","location='images04.htm'");
  22.    mm_menu_0819193937_0_3.hideOnMouseOut=true;
  23.    mm_menu_0819193937_0_3.menuBorder=0;
  24.    mm_menu_0819193937_0_3.menuLiteBgColor='#666666';
  25.    mm_menu_0819193937_0_3.menuBorderBgColor='#000000';
  26.    mm_menu_0819193937_0_3.bgColor='#000000';
  27.  window.mm_menu_0819193937_0 = new Menu("root",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  28.  mm_menu_0819193937_0.addMenuItem(mm_menu_0819193937_0_1,"location='#'");
  29.  mm_menu_0819193937_0.addMenuItem(mm_menu_0819193937_0_2,"location='#'");
  30.  mm_menu_0819193937_0.addMenuItem(mm_menu_0819193937_0_3,"location='#'");
  31.  mm_menu_0819193937_0.addMenuItem("Gig&nbsp;Guide","location='gigs.htm'");
  32.  mm_menu_0819193937_0.addMenuItem("Bands","location='featbands.htm'");
  33.   mm_menu_0819193937_0.hideOnMouseOut=true;
  34.   mm_menu_0819193937_0.childMenuIcon="images/arrows.gif";
  35.   mm_menu_0819193937_0.menuBorder=0;
  36.   mm_menu_0819193937_0.menuLiteBgColor='#666666';
  37.   mm_menu_0819193937_0.menuBorderBgColor='#000000';
  38.   mm_menu_0819193937_0.bgColor='#000000';
  39.   window.mm_menu_0819210807_1_1 = new Menu("Services",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  40.   mm_menu_0819210807_1_1.addMenuItem("PA&nbsp;Hire","location='pa.htm'");
  41.   mm_menu_0819210807_1_1.addMenuItem("Rehearsals","location='rehearse.htm'");
  42.    mm_menu_0819210807_1_1.hideOnMouseOut=true;
  43.    mm_menu_0819210807_1_1.menuBorder=0;
  44.    mm_menu_0819210807_1_1.menuLiteBgColor='#666666';
  45.    mm_menu_0819210807_1_1.menuBorderBgColor='#000000';
  46.    mm_menu_0819210807_1_1.bgColor='#000000';
  47.  window.mm_menu_0819210807_1 = new Menu("root",80,19,"Verdana, Arial, Helvetica, sans-serif",12,"#efde31","#ff9933","#6a2778","#333333","left","middle",2,0,200,0,0,true,false,true,0,false,false);
  48.  mm_menu_0819210807_1.addMenuItem(mm_menu_0819210807_1_1);
  49.  mm_menu_0819210807_1.addMenuItem("Press","location='press.htm'");
  50.  mm_menu_0819210807_1.addMenuItem("Promoters","location='promoters.htm'");
  51.  mm_menu_0819210807_1.addMenuItem("Join","location='join.htm'");
  52.  mm_menu_0819210807_1.addMenuItem("Meetings","location='meetings.htm'");
  53.  mm_menu_0819210807_1.addMenuItem("Links","location='links.htm'");
  54.   mm_menu_0819210807_1.hideOnMouseOut=true;
  55.   mm_menu_0819210807_1.childMenuIcon="images/arrows.gif";
  56.   mm_menu_0819210807_1.menuBorder=0;
  57.   mm_menu_0819210807_1.menuLiteBgColor='#666666';
  58.   mm_menu_0819210807_1.menuBorderBgColor='#000000';
  59.   mm_menu_0819210807_1.bgColor='#000000';
  60. mm_menu_0819210807_1.writeMenus();
  61. } // mmLoadMenus()
  62. // mmLoadMenus()
  63. // mmLoadMenus()
  64. // mmLoadMenus()
  65. // mmLoadMenus()
  66. // mmLoadMenus()
  67. // mmLoadMenus()
  68. // mmLoadMenus()
  69. // mmLoadMenus()
  70. //-->


However, there is also a JS file located at http://www.hdlma.co.uk/mm_menu.js which relates to those drop-downs as well.

I'm guessing this is a Javascript issue - any body got any ideas?

Hope you can help :)

Cheers
Ju 8)
  • atomek
  • Born
  • Born
  • atomek
  • Posts: 1

Post 3+ Months Ago

Hey Ju,

Had the same problem as you, did a search and found your question....
though I have managed to sorted out the answer

edit the mm_menu.js file which was created by dreamweaver when you created the dropdown menu.....

where code:
}
l.style.cursor = "hand";
menuCount++;
}

change code to:
}
l.style.cursor = "pointer";
l.style.cursor = "hand";
menuCount++;
}

...... worked for me, checked ...displays cursor as hand pointer in both explorer and firefox
  • kash007
  • Born
  • Born
  • kash007
  • Posts: 1

Post 3+ Months Ago

Hacker007 wrote:
Have you use CSS, becuase in mozilla they are objects not links..

Im not sure what part of your CSS controls that part of your navagation.. but I think it might be one of these:

Code: [ Select ]
.navtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666666;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;
    white-space: normal;
}

.navtext2 {
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: italic;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    color: #666666;
}
  1. .navtext {
  2.     font-family: Verdana, Arial, Helvetica, sans-serif;
  3.     font-size: 10px;
  4.     font-style: normal;
  5.     line-height: normal;
  6.     font-weight: normal;
  7.     font-variant: normal;
  8.     color: #666666;
  9.     text-align: left;
  10.     text-indent: 5px;
  11.     vertical-align: middle;
  12.     white-space: normal;
  13. }
  14. .navtext2 {
  15.     text-align: center;
  16.     vertical-align: middle;
  17.     font-family: Verdana, Arial, Helvetica, sans-serif;
  18.     font-size: 10px;
  19.     font-style: italic;
  20.     line-height: normal;
  21.     font-weight: normal;
  22.     font-variant: normal;
  23.     color: #666666;
  24. }



What you need to do it add this in there:

Code: [ Select ]
cursor: pointer;


;)



I also need your help for the mm menu file, this mm menu java script has fix size to place the drop dwon menu but the problem is it moves wiht different screen resolution because it has defined location size in mm menu file. My question is there any way to fix drop down manu with the location it has to be.

i'll be very oblige of you fi please help me int his regards. it has been so many days.

Thanks

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 85 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.