Skip navigation
druidbirch72
Currently Being Moderated

menu bar created in fireworks cs6 doesnt work in dreamweaver cs6

Jul 23, 2013 4:25 AM

A menu bar that i created in fireworks cs6 doesnt work in dreamweaver cs6 loss of all behaviours etc works in preview in fireworks just seems that the code in dreamweaver doesnt want to play ball...

 

<div id="FWTableContainer1659288869">

      <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="762">

        <!-- fwtable fwsrc="Menu_front.fw.png" fwpage="Page 1" fwbase="Menu_front.gif" fwstyle="Dreamweaver" fwdocid = "1659288869" fwnested="0" -->

        <tr>

          <!-- Shim row, height 1. -->

          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="150" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>

          <td><img src="MENU_BARS/spacer.gif" width="1" height="1" alt="" /></td>

        </tr>

        <tr>

          <!-- row 1 -->

          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c1','MENU_BARS/Menu_fro nt_r1_c1_s2.gif','MENU_BARS/Menu_front_r1_c1_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c1','MENU_BARS/Me nu_front_r1_c1_s3.gif',1);"><img name="Menu_front_r1_c1" src="MENU_BARS/Menu_front_r1_c1.gif" width="100" height="30" id="Menu_front_r1_c1" alt="" /></a></td>

          <td><img name="Menu_front_r1_c2" src="MENU_BARS/Menu_front_r1_c2.gif" width="2" height="30" id="Menu_front_r1_c2" alt="" /></td>

          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c3','MENU_BARS/Menu_fro nt_r1_c3_s2.gif','MENU_BARS/Menu_front_r1_c3_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c3','MENU_BARS/Me nu_front_r1_c3_s3.gif',1);"><img name="Menu_front_r1_c3" src="MENU_BARS/Menu_front_r1_c3.gif" width="150" height="30" id="Menu_front_r1_c3" alt="" /></a></td>

          <td><img name="Menu_front_r1_c4" src="MENU_BARS/Menu_front_r1_c4.gif" width="2" height="30" id="Menu_front_r1_c4" alt="" /></td>

          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c5','MENU_BARS/Menu_fro nt_r1_c5_s2.gif','MENU_BARS/Menu_front_r1_c5_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c5','MENU_BARS/Me nu_front_r1_c5_s3.gif',1);"><img name="Menu_front_r1_c5" src="MENU_BARS/Menu_front_r1_c5.gif" width="100" height="30" id="Menu_front_r1_c5" alt="" /></a></td>

          <td><img name="Menu_front_r1_c6" src="MENU_BARS/Menu_front_r1_c6.gif" width="2" height="30" id="Menu_front_r1_c6" alt="" /></td>

          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c7','MENU_BARS/Menu_fro nt_r1_c7_s2.gif','MENU_BARS/Menu_front_r1_c7_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c7','MENU_BARS/Me nu_front_r1_c7_s3.gif',1);"><img name="Menu_front_r1_c7" src="MENU_BARS/Menu_front_r1_c7.gif" width="100" height="30" id="Menu_front_r1_c7" alt="" /></a></td>

          <td><img name="Menu_front_r1_c8" src="MENU_BARS/Menu_front_r1_c8.gif" width="2" height="30" id="Menu_front_r1_c8" alt="" /></td>

          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(500);" onmouseover="MM_menuShowMenu('MMMenuContainer0722143726_0', 'MMMenu0722143726_0',50,25,'Menu_front_r1_c9');MM_nbGroup('over','Men u_front_r1_c9','MENU_BARS/Menu_front_r1_c9_s2.gif','MENU_BARS/Menu_fro nt_r1_c9_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c9','MENU_BARS/Me nu_front_r1_c9_s3.gif',1);"><img name="Menu_front_r1_c9" src="MENU_BARS/Menu_front_r1_c9.gif" width="100" height="30" id="Menu_front_r1_c9" alt="" /></a></td>

          <td><img name="Menu_front_r1_c10" src="MENU_BARS/Menu_front_r1_c10.gif" width="2" height="30" id="Menu_front_r1_c10" alt="" /></td>

          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c11','MENU_BARS/Menu_fr ont_r1_c11_s2.gif','MENU_BARS/Menu_front_r1_c11_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c11','MENU_BARS/M enu_front_r1_c11_s3.gif',1);"><img name="Menu_front_r1_c11" src="MENU_BARS/Menu_front_r1_c11.gif" width="100" height="30" id="Menu_front_r1_c11" alt="" /></a></td>

          <td><img name="Menu_front_r1_c12" src="MENU_BARS/Menu_front_r1_c12.gif" width="2" height="30" id="Menu_front_r1_c12" alt="" /></td>

          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c13','MENU_BARS/Menu_fr ont_r1_c13_s2.gif','MENU_BARS/Menu_front_r1_c13_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c13','MENU_BARS/M enu_front_r1_c13_s3.gif',1);"><img name="Menu_front_r1_c13" src="MENU_BARS/Menu_front_r1_c13.gif" width="100" height="30" id="Menu_front_r1_c13" alt="" /></a></td>

          <td><img src="MENU_BARS/spacer.gif" width="1" height="30" alt="" /></td>

        </tr>

        <!--   This table was automatically created with Adobe Fireworks   -->

        <!--   http://www.adobe.com   -->

      </table>

      <div id="MMMenuContainer0722143726_0">

        <div id="MMMenu0722143726_0" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu0722143726_0_Item_0" class="MMMIFVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> Links </a> <a href="javascript:;" id="MMMenu0722143726_0_Item_1" class="MMMIVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> FAQ's </a> </div>

      </div>

    </div>

 
Replies
  • Currently Being Moderated
    Jul 23, 2013 4:40 AM   in reply to druidbirch72

    Sorry to say so, but HTMLcode generated by a graphics program is not really suitable for a real world environment.  Please consider an HTML/CSS menu or a JQuery menu developed in DW.

     

    You can incorporate images produced in FW, but let DW write the code.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2013 7:49 AM   in reply to druidbirch72

    We have no idea what your design looks like.

    Either upload all your files to your server, and post a link, or

    post a screenshot of your desired design and we'll make suggestions

     

    Feel free to use my code on this simple HTML/CSS menu with a persistent page indicator.

    (menu CSS is at the bottom of the remote CSS file below this comment /* BEGIN TOP NAVBAR */)

    http://www.peattiecapital.com/

     

    Here are the JQuery options:

    http://jqueryui.com/demos/

     

    If you have a budget to buy commercial menus, Project Seven is reliable

    http://www.projectseven.com/

     

    Sorry about your bits.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 23, 2013 2:26 PM   in reply to druidbirch72

    Ken's right.  I can't think of a worse menu sytem than the one generated by Fireworks.   As of CC, Fireworks is gone...

     

    This animated menu has everything you could want.  Easily re-styled with CSS instead of images. 

    http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animate d-dropdown-menu-demo.html

     

    Tutorial:

    http://www.red-team-design.com/css3-animated-dropdown-menu

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 29, 2013 6:03 AM   in reply to druidbirch72

    Please name a copy of your page "test.htm"

    Upload it to your server and post a link here

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 29, 2013 6:13 AM   in reply to druidbirch72

    A way less useful alternative is to copy/paste your HTML and CSS code in your next post.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 29, 2013 6:54 AM   in reply to druidbirch72

    You have HTML errors with misplaced body and script and div tags

    Run your code through the W3C Validator

    http://validator.w3.org/

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points