5 Replies Latest reply: Apr 14, 2012 2:54 PM by mhollis55 RSS

    No Dropdowns?

    dannyyyy000000

      Hey guys,

      I am posting in the Adobe DW forum because I cannot find any macromedia forums that let me register, so sorry.

      I sort of need help at the moment, I have created a navigation bar with dropdowns in Fireworks MX 2004, with all appropriate slices. I went of export wizard and selected dreamweaver (target program for site) and when exported (exported right), I put in macromedia dreamweaver 8 and when i previewed from DW, I found out the drop downs do not appear in Internet Explorer, but they do in Google Chrome, how do u get them to work in Internet Explorer 9.0? The dropdowns appeared when i previewed from fireworks.

       

      Any ideas?

       

      Thanks

        • 1. Re: No Dropdowns?
          Ben Pleysier CommunityMVP

          The answer is in the code which includes markup, css, js and server side code. Unless we can see what you have done, we cannot help you.

           

          The best way is to upload your site to a remote server and give us the URL to the site.

           

          Gramps

          • 2. Re: No Dropdowns?
            dannyyyy000000 Community Member

            im only GCSE level, and not aiming to upload the site to web... i can paste the code? im not too good with coding

             

            code for one of my pages

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

            <style type="text/css"><title>Navigation Bar.gif</title>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <style type="text/css">td img {display: block;}</style>
            <!--Fireworks MX 2004 Dreamweaver MX 2004 target.  Created Tue Apr 10 12:16:22 GMT+0100 (GMT Daylight Time) 2012-->
            <script language="JavaScript1.2" type="text/javascript">
            <!--
            function mmLoadMenus() {
              if (window.mm_menu_0329093250_0) return;
              window.mm_menu_0329093250_0 = new Menu("root",240,30,"Times New Roman, Times, serif",24,"#ff0000","#ff0000","#000099","#000066","center","middle",3,0,1000,-5,7,true,tr ue,true,0,true,true);
              mm_menu_0329093250_0.addMenuItem("Opportunities","window.open('2 opportunities.html', '_top');");
              mm_menu_0329093250_0.addMenuItem("Lessons","window.open('2 Lessons.html', '_top');");
              mm_menu_0329093250_0.addMenuItem("Experienced Teachers","window.open('2 Experienced Teachers.html', '_top');");
               mm_menu_0329093250_0.bgImageUp="mmmenu1_240x30_up.gif";
               mm_menu_0329093250_0.bgImageOver="mmmenu1_240x30_over.gif";
               mm_menu_0329093250_0.fontWeight="bold";
               mm_menu_0329093250_0.hideOnMouseOut=true;
               mm_menu_0329093250_0.bgColor='#555555';
              window.mm_menu_0329093338_1 = new Menu("root",96,30,"Times New Roman, Times, serif",24,"#ff0000","#ff0000","#000099","#000066","center","middle",3,0,1000,-5,7,true,tr ue,true,0,true,true);
              mm_menu_0329093338_1.addMenuItem("French","location='3 Revision French.html'");
              mm_menu_0329093338_1.addMenuItem("German","location='3 Revision German.html'");
               mm_menu_0329093338_1.bgImageUp="mmmenu2_96x30_up.gif";
               mm_menu_0329093338_1.bgImageOver="mmmenu2_96x30_over.gif";
               mm_menu_0329093338_1.fontWeight="bold";
               mm_menu_0329093338_1.hideOnMouseOut=true;
               mm_menu_0329093338_1.bgColor='#555555';
              window.mm_menu_0329093414_2 = new Menu("root",186,30,"Times New Roman, Times, serif",24,"#ff0000","#ff0000","#000099","#000066","center","middle",3,0,1000,-5,7,true,tr ue,true,0,true,true);
              mm_menu_0329093414_2.addMenuItem("School Directory","location='5 School Directory.html'");
              mm_menu_0329093414_2.addMenuItem("Staff Directory","location='5 Staff Directory.html'");
               mm_menu_0329093414_2.bgImageUp="mmmenu3_186x30_up.gif";
               mm_menu_0329093414_2.bgImageOver="mmmenu3_186x30_over.gif";
               mm_menu_0329093414_2.fontWeight="bold";
               mm_menu_0329093414_2.hideOnMouseOut=true;
               mm_menu_0329093414_2.bgColor='#555555';
              window.mm_menu_0329093354_3 = new Menu("root",98,30,"Times New Roman, Times, serif",24,"#ff0000","#ff0000","#000099","#000066","center","middle",3,0,1000,-5,7,true,tr ue,true,0,true,true);
              mm_menu_0329093354_3.addMenuItem("Log In","location='4 Log In.html'");
              mm_menu_0329093354_3.addMenuItem("Register","location='4 Register.html'");
               mm_menu_0329093354_3.bgImageUp="mmmenu4_98x30_up.gif";
               mm_menu_0329093354_3.bgImageOver="mmmenu4_98x30_over.gif";
               mm_menu_0329093354_3.fontWeight="bold";
               mm_menu_0329093354_3.hideOnMouseOut=true;
               mm_menu_0329093354_3.bgColor='#555555';

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

            //-->
            </script>
            <script language="JavaScript1.2" type="text/javascript" src="mm_menu.js"></script>
            </head>
            <body bgcolor="#0000ff">
            <script language="JavaScript1.2" type="text/javascript">mmLoadMenus();</script>
            <table border="0" cellpadding="0" cellspacing="0" width="1200">
            <!-- fwtable fwsrc="Navigation Bar.png" fwbase="Navigation Bar.gif" fwstyle="Dreamweaver" fwdocid = "688349287" fwnested="0" -->
              <tr>
               <td><img src="spacer.gif" width="248" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="208" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="29" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="192" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="38" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="206" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="33" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="232" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="14" height="1" border="0" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
              </tr>

              <tr>
               <td colspan="9"><img name="NavigationBar_r1_c1" src="NavigationBar_r1_c1.gif" width="1200" height="1" border="0" id="NavigationBar_r1_c1" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
              </tr>
              <tr>
               <td rowspan="7"><img name="NavigationBar_r2_c1" src="NavigationBar_r2_c1.gif" width="248" height="49" border="0" id="NavigationBar_r2_c1" usemap="#m_NavigationBar_r2_c1" alt="" /></td>
               <td rowspan="4"><a href="javascript:;" onmouseout="MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0329093250_0,-24,49,null,'NavigationBar_r2_c2');" ><img name="NavigationBar_r2_c2" src="NavigationBar_r2_c2.gif" width="208" height="39" border="0" id="NavigationBar_r2_c2" alt="" /></a></td>
               <td colspan="7"><img name="NavigationBar_r2_c3" src="NavigationBar_r2_c3.gif" width="744" height="1" border="0" id="NavigationBar_r2_c3" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
              </tr>
              <tr>
               <td rowspan="6"><img name="NavigationBar_r3_c3" src="NavigationBar_r3_c3.gif" width="29" height="48" border="0" id="NavigationBar_r3_c3" alt="" /></td>
               <td rowspan="4"><a href="javascript:;" onmouseout="MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0329093338_1,58,47,null,'NavigationBar_r3_c4');"> <img name="NavigationBar_r3_c4" src="NavigationBar_r3_c4.gif" width="192" height="40" border="0" id="NavigationBar_r3_c4" alt="" /></a></td>
               <td colspan="5"><img name="NavigationBar_r3_c5" src="NavigationBar_r3_c5.gif" width="523" height="6" border="0" id="NavigationBar_r3_c5" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="6" border="0" alt="" /></td>
              </tr>
              <tr>
               <td colspan="3"><img name="NavigationBar_r4_c5" src="NavigationBar_r4_c5.gif" width="277" height="1" border="0" id="NavigationBar_r4_c5" alt="" /></td>
               <td rowspan="2"><a href="javascript:;" onmouseout="MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0329093414_2,29,43,null,'NavigationBar_r4_c8');"> <img name="NavigationBar_r4_c8" src="NavigationBar_r4_c8.gif" width="232" height="32" border="0" id="NavigationBar_r4_c8" alt="" /></a></td>
               <td rowspan="5"><img name="NavigationBar_r4_c9" src="NavigationBar_r4_c9.gif" width="14" height="42" border="0" id="NavigationBar_r4_c9" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
              </tr>
              <tr>
               <td rowspan="4"><img name="NavigationBar_r5_c5" src="NavigationBar_r5_c5.gif" width="38" height="41" border="0" id="NavigationBar_r5_c5" alt="" /></td>
               <td rowspan="3"><a href="javascript:;" onmouseout="MM_startTimeout();" onmouseover="MM_showMenu(window.mm_menu_0329093354_3,59,42,null,'NavigationBar_r5_c6');"> <img name="NavigationBar_r5_c6" src="NavigationBar_r5_c6.gif" width="206" height="34" border="0" id="NavigationBar_r5_c6" alt="" /></a></td>
               <td rowspan="4"><img name="NavigationBar_r5_c7" src="NavigationBar_r5_c7.gif" width="33" height="41" border="0" id="NavigationBar_r5_c7" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="31" border="0" alt="" /></td>
              </tr>
              <tr>
               <td rowspan="3"><img name="NavigationBar_r6_c2" src="NavigationBar_r6_c2.gif" width="208" height="10" border="0" id="NavigationBar_r6_c2" alt="" /></td>
               <td rowspan="3"><img name="NavigationBar_r6_c8" src="NavigationBar_r6_c8.gif" width="232" height="10" border="0" id="NavigationBar_r6_c8" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td>
              </tr>
              <tr>
               <td rowspan="2"><img name="NavigationBar_r7_c4" src="NavigationBar_r7_c4.gif" width="192" height="8" border="0" id="NavigationBar_r7_c4" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
              </tr>
              <tr>
               <td><img name="NavigationBar_r8_c6" src="NavigationBar_r8_c6.gif" width="206" height="7" border="0" id="NavigationBar_r8_c6" alt="" /></td>
               <td><img src="spacer.gif" width="1" height="7" border="0" alt="" /></td>
              </tr>
            </table>
            <map name="m_NavigationBar_r2_c1" id="m_NavigationBar_r2_c1">
            <area shape="rect" coords="64,7,183,39" href="javascript:;" alt="" />
            </map></style>
            <title>Untitled Document</title>
            <style type="text/css">
            <!--
            #Layer1 {
            position:absolute;
            width:200px;
            height:115px;
            z-index:1;
            }
            #apDiv2 { position:absolute;
            width:200px;
            height:115px;
            z-index:2;
            left: 6px;
            top: 196px;
            }
            #apDiv2 { position:absolute;
            width:200px;
            height:115px;
            z-index:2;
            left: 6px;
            top: 196px;
            }
            body {
            background-color: #0000FF;
            }
            #apDiv3 { position:absolute;
            width:232px;
            height:410px;
            z-index:3;
            left: 1049px;
            top: 209px;
            }
            #apDiv3 { position:absolute;
            width:232px;
            height:410px;
            z-index:3;
            left: 1049px;
            top: 209px;
            }
            #apDiv4 { position:absolute;
            width:140px;
            height:52px;
            z-index:4;
            left: 1083px;
            }
            #apDiv4 { position:absolute;
            width:140px;
            height:52px;
            z-index:4;
            left: 1083px;
            }
            #apDiv5 { position:absolute;
            width:143px;
            height:46px;
            z-index:5;
            left: 1083px;
            top: 72px;
            }
            #apDiv5 { position:absolute;
            width:143px;
            height:46px;
            z-index:5;
            left: 1083px;
            top: 72px;
            }
            #apDiv6 { position:absolute;
            width:142px;
            height:49px;
            z-index:6;
            left: 1083px;
            top: 127px;
            }
            #apDiv6 { position:absolute;
            width:142px;
            height:49px;
            z-index:6;
            left: 1083px;
            top: 127px;
            }
            #Layer2 {
            position:absolute;
            width:1053px;
            height:131px;
            z-index:7;
            left: 19px;
            top: 199px;
            }
            #Layer3 {
            position:absolute;
            width:1205px;
            height:174px;
            z-index:8;
            }
            #Layer4 {
            position:absolute;
            width:200px;
            height:115px;
            z-index:9;
            top: 212px;
            }
            #Layer5 {
            position:absolute;
            width:309px;
            height:379px;
            z-index:10;
            left: 1047px;
            top: 213px;
            }
            #Layer6 {
            position:absolute;
            width:168px;
            height:60px;
            z-index:11;
            left: 1217px;
            top: 15px;
            }
            #Layer7 {
            position:absolute;
            width:170px;
            height:66px;
            z-index:12;
            left: 1217px;
            top: 77px;
            }
            #Layer8 {
            position:absolute;
            width:169px;
            height:60px;
            z-index:13;
            left: 1217px;
            top: 145px;
            }
            #Layer9 {
            position:absolute;
            width:1208px;
            height:117px;
            z-index:14;
            left: 10px;
            top: 195px;
            }
            .style3 {
            font-family: "Arial Black";
            font-size: x-large;
            color: #FFFFFF;
            }
            .style6 {font-weight: bold; color: #000000;}
            .style7 {
            font-family: "Arial Black";
            font-size: large;
            color: #666666;
            }
            -->
            </style>
            <script language="JavaScript"function mmLoadMenus() {
              if (window.mm_menu_0319151718_0) return;
              window.mm_menu_0319151718_0 = new Menu("root",186,34,"Times New Roman, Times, serif",24,"#ff0000","#0000ff","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
              mm_menu_0319151718_0.addMenuItem("School Directory"Staff Directory");
               mm_menu_0319151718_0.bgImageUp="mmmenu2_186x34_up.gif";
               mm_menu_0319151718_0.bgImageOver="mmmenu2_186x34_over.gif"
               mm_menu_0319151718_0.fontWeight="bold"
               mm_menu_0319151718_0.hideOnMouseOut=true;
               mm_menu_0319151718_0.bgColor='#000000'
              window.mm_menu_0319151640_1 = new
              mm_menu_0319151640_1.addMenuItem("Sign In"Register");
               mm_menu_0319151640_1.bgImageUp="mmmenu3_98x34_up.gif"
               mm_menu_0319151640_1.bgImageOver="mmmenu3_98x34_over.gif"
               mm_menu_0319151640_1.fontWeight="bold"
               mm_menu_0319151640_1.hideOnMouseOut=true;
               mm_menu_0319151640_1.bgColor='#000000'
              window.mm_menu_0319151514_2 = new
              mm_menu_0319151514_2.addMenuItem("French"German");
               mm_menu_0319151514_2.bgImageUp="mmmenu4_96x34_up.gif"
               mm_menu_0319151514_2.bgImageOver="mmmenu4_96x34_over.gif"
               mm_menu_0319151514_2.fontWeight="bold"
               mm_menu_0319151514_2.hideOnMouseOut=true;
               mm_menu_0319151514_2.bgColor='#000000'

              mm_menu_0319151514_2.writeMenus();
            }
            >
            <!--
            function MM_preloadImages() { //v3.0
              var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
                var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
                if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
            }

            function MM_swapImgRestore() { //v3.0
              var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
            }

            function MM_findObj(n, d) { //v4.01
              var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
                d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
              if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
              for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
              if(!x && d.getElementById) x=d.getElementById(n); return x;
            }

            function MM_swapImage() { //v3.0
              var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
               if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
            }
            //-->
            </script>
            <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
            </head>

            <body onload="MM_preloadImages('Buttons/Feedback Form/feedback form2.png','Buttons/Frogserver/frogserver 2.png','Buttons/Register/register 2.png')">
            <p>   </p>
            <p> </p>
            <div id="Layer9">
              <p class="style3">WHAT OPPORTUNITIES TO THE MFL DEPARTMENT OFFER? </p>
              <p><strong>TRIPS</strong></p>
              <p><strong><span class="style7">The MFL department offers a wide range of educational and non-educational trips. The students previously have visited some of the worlds most famous cities which also provide great knowledge for different subjects. For example, in 2011 year 10's visited Berlin in Germany for education and in 2012, the year 11's visited Florence in Italy for a non-educational experience. These trips mentioned are from other subjects to give you a taste of the MFL trips. MFL trips only began last year, and the year 10's mixed with the year 11's went to Paris in France- these students who came to Paris had a great experience!!! </span></strong></p>
              <p> </p>
              <p class="style6"> </p>
            </div>
            <div id="Layer6"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image38','','Buttons/Feedback Form/feedback form2.png',1)"><img src="Buttons/Feedback Form/feedback form1.png" name="Image38" width="137" height="50" border="0" id="Image38" /></a></div>
            <div id="Layer7"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image39','','Buttons/Frogserver/frogserver 2.png',1)"><img src="Buttons/Frogserver/frogserver 1.png" name="Image39" width="137" height="50" border="0" id="Image39" /></a></div>
            <div id="Layer8"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image40','','Buttons/Register/register 2.png',1)"><img src="Buttons/Register/register 1.png" name="Image40" width="137" height="50" border="0" id="Image40" /></a></div>


            </body>
            </html>

            • 3. Re: No Dropdowns?
              Ben Pleysier CommunityMVP

              Way back, about 150 moons ago, I thought that Fireworks was the bees knees to web design. I had all the graphics lined up, the text and menubar, it was beautiful. I was even given the option to save my sliced graphics and create an HTML page.

               

              This is where the headache started. The finished web page looked nowhere near what I had intended, the markup was bloated and I was too green a developer to see what was wrong. This is when I started to dig into HTML and CSS. I spent up to 18 hours a day studying and studying.

               

              In the end I was able to continue using FW for a quick mockup of my page and to use the graphics for my html-document. But I had to develop the document and accompanying CSS in DW not in FW.

               

              Your document reminded me of my early days. Fortunately you are in an era that others can advice you not to go down that path. In your document I see layers that have aboslute positioning; this is asking for trouble. Then I see mm_menu_0319151718_0.addmenuitem("school directory"staff") which contains three double quotes which is going to give you problems. All in all too many problems to go through.

               

              My advice is to go to one of the tutorials on the Adobe site and learn how to develop a webpage properly. This will be a good place to start http://forums.adobe.com/thread/492638

               

              Gramps

              • 4. Re: No Dropdowns?
                Nancy O. CommunityMVP

                Those MM Rollover Menus were a train wreck when they came out.  They never worked right and were ultimately discontinued by Adobe.

                You can read the whole sordid story about them below:

                http://losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/

                 

                Best advice, use a modern CSS Menu System.   Spry Menus are free from the Adobe Exchange.

                http://labs.adobe.com/technologies/widgetbrowser/

                 

                 

                 

                Nancy O.

                Alt-Web Design & Publishing

                Web | Graphics | Print | Media  Specialists 

                http://alt-web.com/

                • 5. Re: No Dropdowns?
                  mhollis55 Community Member

                  You can also look at a pure CSS menu with dropdowns that does not use the Spry framework.

                   

                  I like Spry and Adobe did a good job of updating it, but I got burned on one website by the older version, which did not work with mobile devices. I was visiting the client when I found that out.