3 Replies Latest reply on Jul 5, 2011 5:29 AM by Suzanne H

    Fireworks Menu Appearing Behind Content

    Suzanne H

      Hi All

       

      I have an existing website built in Macromedia Studio 8. I would like to upgrade to Web Premium CS5.5. As a result, I am currently using a trial version which has helped me to redesign the whole website. I am not proficient in code writing and have a basis understanding of the software. (That is why I am testing the trial version first). However, I an faced with TWO problems.

       

      The first is, although my templates were built using one of Adobe's page layout formats (then customised), some of the pages are no longer centred.

       

      The second is, I have created menu's in both Fireworks (Studio 8 then edited in Fireworks CS5.1 creative suite master collection and saved) and Spry (in Dreamweaver CS5.5) - which have now caused the menus to appear behind content on some of the pages.

       

      I have tried to use the pages which look fine in the browser as templates but, sadly, when the content is changed/added to, the menu appears behind again.

       

      I would appreciate any help.

      S

       

      P.S.I can't publish a link as I am using a trial version of the software at present.

        • 1. Re: Fireworks Menu Appearing Behind Content
          Ben M Adobe Community Professional
          P.S.I can't publish a link as I am using a trial version of the software at present.

           

          I'm confused by this comment. The trial version is fully functional just with a time limit.  Is there any chance you could upload the page or if you are having difficulty setting it up for time purposes can you download a program like Cyberduck and upload the files somewhere ( http://cyberduck.ch/ ).

           

          Or at the very least can you post the code (HTML & CSS).  The answer will lie in your code.  Most likely it has to do with the z-index on an object near the menu that is higher than the menu itself causing the menu to appear behind the content.

          • 2. Re: Fireworks Menu Appearing Behind Content
            Suzanne H Level 1

            Thank you for your prompt reply Snake eyes,

             

            Please find the code below:

             

            <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
            <!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"><!-- InstanceBegin template="/Templates/advertising_privacy.dwt" codeOutsideHTMLIsLocked="false" -->
            <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <!-- InstanceBeginEditable name="doctitle" -->
            <title>Viva Fashion.co.uk's Advertising Rates</title>
            <!-- InstanceEndEditable -->
            <!-- InstanceBeginEditable name="head" -->
            <!-- InstanceEndEditable -->
            <style type="text/css">
            <!--
            @import url("../menu_viva_fashion_site/viva_fashion_menu.css");
            @import url("../menu_useful_health_contacts/useful_health_and_beauty_contacts.css");
            body {
                 margin: 0;/* center layout */
                 padding: 0;
                 color: #FFF;
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 100%;
                 line-height: 1.4;
            }
            
            /* ~~ Element/tag selectors ~~ */
            ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
                 padding: 0;
                 margin: 0;
            }
            h1, h2, h3, h4, h5, h6, p {
                 margin-top: 0;      /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
                 padding-right: 15px;
                 padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
            }
            a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
                 border: none;
            }
            /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
            a:link {
                 color: #999999;
                 text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
            }
            a:visited {
                 color: #FF0099;
                 text-decoration: underline;
            }
            a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
                 text-decoration: none;
            }
            
            /* ~~ this fixed width container surrounds the other divs ~~ */
            .container {
                 width: 1100px;
                 background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
                 margin-top: 0;
                 margin-right: auto;
                 margin-bottom: 0;
                 margin-left: auto;
            }
            
            /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
            .header {
                 background: #FFF;
            }
            
            /* ~~ This is the layout information. ~~ 
            
            1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
            
            */
            
            .content {
            
                 padding: 10px 0;
            }
            
            /* ~~ The footer ~~ */
            .footer {
                 padding: 10px 0;
                 background: #CCC49F;
            }
            
            /* ~~ miscellaneous float/clear classes ~~ */
            .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
                 float: right;
                 margin-left: 8px;
            }
            .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
                 float: left;
                 margin-right: 8px;
            }
            .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
                 clear:both;
                 height:0;
                 font-size: 1px;
                 line-height: 0px;
            }
            #apDiv1 {
                 position:absolute;
                 left:1px;
                 top:2px;
                 width:744px;
                 height:80px;
                 z-index:1;
            }
            #apDiv2 {
                 position:absolute;
                 left:4px;
                 top:85px;
                 width:1100px;
                 height:25px;
                 z-index:2;
                 background-color: #CCCCCC;
            }
            #apDiv3 {
                 position:absolute;
                 left:1px;
                 top:120px;
                 width:670px;
                 height:800px;
                 z-index:3;
            }
            #apDiv4 {
                 position:absolute;
                 left:2px;
                 top:910px;
                 width:670px;
                 height:500px;
                 z-index:4;
            }
            #apDiv5 {
                 position:absolute;
                 left:670px;
                 top:120px;
                 width:130px;
                 height:1300px;
                 z-index:5;
            }
            #apDiv6 {
                 position:absolute;
                 left:804px;
                 top:120px;
                 width:300px;
                 height:1300px;
                 z-index:6;
                 background-color: #000000;
            }
                 
            
                 
            
                 
            
                 
            
            -->
            </style>
            <link href="Vivavocefashion.css" rel="stylesheet" type="text/css" />
            <style type="text/css">
            .style1 {color: #666666}
            #apDiv7 {
                 position:absolute;
                 left:2px;
                 top:1430px;
                 width:1100px;
                 height:60px;
                 z-index:7;
                 background-color: #000000;
            }
            .style10 {font-weight: bold}
            .style12 {font-weight: bold}
            .style14 {font-weight: bold}
            .style16 {font-weight: bold}
            .style2 {font-weight: bold}
            .style4 {font-weight: bold}
            .style6 {font-weight: bold}
            .style8 {font-weight: bold}
            #apDiv8 {
                 position:absolute;
                 left:4px;
                 top:85px;
                 width:1100px;
                 height:25px;
                 z-index:8;
            }
            #apDiv9 {
                 position:absolute;
                 left:11px;
                 top:10px;
                 width:174px;
                 height:44px;
                 z-index:9;
            }
            #apDiv10 {
                 position:absolute;
                 left:6px;
                 top:4px;
                 width:172px;
                 height:60px;
                 z-index:9;
            }
            #apDiv11 {     position:absolute;
                 left:-7px;
                 top:27px;
                 width:1100px;
                 height:20px;
                 z-index:1;
            }
            </style>
            <script language="JavaScript1.2" type="text/javascript" src="../menu_viva_fashion_site/mm_css_menu.js"></script>
            </head>
            <div id="apDiv1">
              <table width="1099" border="0">
                <tr>
                  <td width="327"><a href="../index.html"><img src="../graphics/viva_fashion_logo.gif" width="322" height="78" alt="viva fashion.co.uk logo" longdesc="http://www.vivafashion.co.uk" /></a></td>
                  <td width="762"><span class="Headerpink">
                  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="600" height="65">
                <param name="movie" value="../animations/top_banner_advert.swf" />
                <param name="quality" value="high" />
                <embed src="../animations/top_banner_advert.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="600" height="65"> </embed>
              </object>
            </span>
                    </td>
                </tr>
              </table>
            </div>
            <body>
            <div id="apDiv7">
              <div align="left"><span class="Bodytextwhite"><a href="advertising.html" class="Bodytextwhite">Advertising</a> | <a href="privacy-policy.html" class="Bodytextwhite">Privacy Policy</a> | <a href="site-map.html" class="Bodytextwhite">Site Map</a> | <a href="subscribe.html" class="Bodytextwhite">Subscription Service &amp; Feedback</a> | <a href="user-agreement.html" class="Bodytextwhite">Useragreement</a></span><span class="Bodytextpink"><span class="Bodytextwhite"> <br />
                Contact us at <a href="mailto:mail@vivavocefashion.com">mail@vivafashion.co.uk</a> <br />
                <a href="http://www.VivaFashion.co.uk" target="_blank">http://www.VivaFashion.co.uk</a> A Fashion Shopping and Retail News Website &copy; 2000-2011. All rights reserved.</span></span>  </div>
            </div>
            <div id="apDiv2">
              <div id="FWTableContainer1630063442"> 
                <div align="left"><img name="viva_fashion_menu" src="../menu_viva_fashion_site/viva_fashion_menu.jpg" width="1100" height="20" border="0" id="viva_fashion_menu" usemap="#m_viva_fashion_menu" alt="" />
                  <map name="m_viva_fashion_menu" id="m_viva_fashion_menu">
                    <area shape="rect" coords="1,0,55,20" href="http://www.vivafashion.co.uk/index.html" target="None" alt="" />
                    <area shape="rect" coords="766,0,857,25" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_0', 'MMMenu0314125112_0',766,25,'viva_fashion_menu');"  />
                    <area shape="rect" coords="640,0,714,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_1', 'MMMenu0314125112_1',640,19,'viva_fashion_menu');"  />
                    <area shape="rect" coords="482,0,584,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_2', 'MMMenu0314125112_2',482,19,'viva_fashion_menu');"  />
                    <area shape="rect" coords="322,0,425,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_3', 'MMMenu0314125112_3',322,19,'viva_fashion_menu');"  />
                    <area shape="rect" coords="193,0,275,19" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_4', 'MMMenu0314125112_4',193,19,'viva_fashion_menu');"  />
                    <area shape="rect" coords="92,0,157,25" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0314125112_5', 'MMMenu0314125112_5',92,25,'viva_fashion_menu');"  />
                  </map>
                </div>
                <div id="MMMenuContainer0314125112_0">
                  <div id="MMMenu0314125112_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> 
                    <div align="left"><a href="fashion-shopping.html" id="MMMenu0314125112_0_Item_0" class="MMMIFVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Editor's Shopping List </a> <a href="fashion-contacts-discount.html" id="MMMenu0314125112_0_Item_1" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Discount Shopping Links </a> <a href="fashion-contacts-discount-village.html" id="MMMenu0314125112_0_Item_2" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Discount Village Links </a> <a href="shopping-online-index.html" id="MMMenu0314125112_0_Item_3" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Shopping Links </a> <a href="high-index.html" id="MMMenu0314125112_0_Item_4" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Stockists  </a> <a href="fashion-contacts-vintage.html" id="MMMenu0314125112_0_Item_5" class="MMMIVStyleMMMenu0314125112_0" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_0');"> Vintage Links </a>        </div>
                  </div>
                </div>
                <div id="MMMenuContainer0314125112_1">
                  <div id="MMMenu0314125112_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> 
                    <div align="left"><a href="book-reviews.html" id="MMMenu0314125112_1_Item_0" class="MMMIFVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Book Reviews </a> <a href="dates-for-your-diary.html" id="MMMenu0314125112_1_Item_1" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Diary Dates </a> <a href="consumer-lifestyle-show.html" id="MMMenu0314125112_1_Item_2" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Fashion Lifestyle Shows </a> <a href="fashion-news.html" id="MMMenu0314125112_1_Item_3" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Fashion News </a> <a href="fashion-news-designers.html" id="MMMenu0314125112_1_Item_4" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> New Designer Launches </a> <a href="fashion-news-websites.html" id="MMMenu0314125112_1_Item_5" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> New Websites </a> <a href="fashion-news-products.html" id="MMMenu0314125112_1_Item_6" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Product Launches </a> <a href="fashion-spotlight.html" id="MMMenu0314125112_1_Item_7" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Spotlight on Luxury Labels </a> <a href="fashion-trends.html" id="MMMenu0314125112_1_Item_8" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Trends </a> <a href="fashion-news-stores.html" id="MMMenu0314125112_1_Item_9" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Store Openings </a> <a href="fashion-street-looks.html" id="MMMenu0314125112_1_Item_10" class="MMMIVStyleMMMenu0314125112_1" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_1');"> Street Style </a>        </div>
                  </div>
                </div>
                <div id="MMMenuContainer0314125112_2">
                  <div id="MMMenu0314125112_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> 
                    <div align="left"><a href="advertising.html" id="MMMenu0314125112_2_Item_0" class="MMMIFVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Advertising Rates </a> <a href="retail-classifieds.html" id="MMMenu0314125112_2_Item_1" class="MMMIVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Retail Classifieds </a> <a href="retail-jobs.html" id="MMMenu0314125112_2_Item_2" class="MMMIVStyleMMMenu0314125112_2" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_2');"> Retail Jobs </a>        </div>
                  </div>
                </div>
                <div id="MMMenuContainer0314125112_3">
                  <div id="MMMenu0314125112_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> 
                    <div align="left"><a href="celebrity-oscars.html" id="MMMenu0314125112_3_Item_0" class="MMMIFVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Awards Show Fashion </a> <a href="beauty-celebrity.html" id="MMMenu0314125112_3_Item_1" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Beauty </a> <a href="celebrity-news-gossip.html" id="MMMenu0314125112_3_Item_2" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity News </a> <a href="celebrity-parties.html" id="MMMenu0314125112_3_Item_3" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Parties </a> <a href="celebrity-focus.html" id="MMMenu0314125112_3_Item_4" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Celebrity Profile </a> <a href="model-profile.html" id="MMMenu0314125112_3_Item_5" class="MMMIVStyleMMMenu0314125112_3" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_3');"> Model Profile </a>        </div>
                  </div>
                </div>
                <div id="MMMenuContainer0314125112_4">
                  <div id="MMMenu0314125112_4" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> 
                    <div align="left"><a href="graduate-fashion-week.html" id="MMMenu0314125112_4_Item_0" class="MMMIFVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Emerging Talent </a> <a href="retail-trends.html" id="MMMenu0314125112_4_Item_1" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Fashion Week Reports </a> <a href="retail-exhibitions.html" id="MMMenu0314125112_4_Item_2" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Important Dates </a> <a href="model-index.html" id="MMMenu0314125112_4_Item_3" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Model Agency Index </a> <a href="photographers-index.html" id="MMMenu0314125112_4_Item_4" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Photographers  Index </a> <a href="retail-appointments.html" id="MMMenu0314125112_4_Item_5" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Appointments </a> <a href="retail-feature.html" id="MMMenu0314125112_4_Item_6" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Features </a> <a href="retail-news.html" id="MMMenu0314125112_4_Item_7" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail News </a> <a href="retail-shares.html" id="MMMenu0314125112_4_Item_8" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Share Prices </a> <a href="retail-wholesalers.html" id="MMMenu0314125112_4_Item_9" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Retail Wholesalers Index </a> <a href="retail-trade-show.html" id="MMMenu0314125112_4_Item_10" class="MMMIVStyleMMMenu0314125112_4" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_4');"> Trade Show Reviews </a>        </div>
                  </div>
                </div>
                <div id="MMMenuContainer0314125112_5">
                  <div id="MMMenu0314125112_5" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> 
                    <div align="left"><a href="beauty-bargains.html" id="MMMenu0314125112_5_Item_0" class="MMMIFVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Budget Buys </a> <a href="beauty-news.html" id="MMMenu0314125112_5_Item_1" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Beauty News </a> <a href="book-reviews.html" id="MMMenu0314125112_5_Item_2" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Book Reviews </a> <a href="beauty-feature.html" id="MMMenu0314125112_5_Item_3" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Beauty Features </a> <a href="health-beauty-features.html" id="MMMenu0314125112_5_Item_4" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Health Features </a> <a href="beauty-trends.html" id="MMMenu0314125112_5_Item_5" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> New Season Looks </a> <a href="beauty-contacts.html" id="MMMenu0314125112_5_Item_6" class="MMMIVStyleMMMenu0314125112_5" onmouseover="MM_menuOverMenuItem('MMMenu0314125112_5');"> Stockists / Book an Appointment </a>        </div>
                  </div>
                </div>
              </div>
            </div>
            <div align="left"><!-- InstanceBeginEditable name="mainbodycontent" -->
            <div id="apDiv3" style="overflow: auto; height: 1300px; width: 670px;background-color: #FFF;">
              <p><span class="Bodytext"><span class="Header"><b>HOW CAN WE HELP YOU?</b></span><br />
                Consumers can't wait to get there hands on the latest must-have item or information on what the new season has to offer. Team information like that with business and celebrity gossip and what do you get? A heady mix that accommodates the tastes of a sizable share of the fashion and beauty market. </span></p>
              <p class="Bodytext">With technology advancing at a galloping pace that has ensured Internet users exposure to information and convenience shopping facilities in an instant, more and more companies are realising the importance of getting their brand noticed through this medium than waiting on the production cycles of others.</p>
              <p><span class="Bodytext">Time waits for no man. Neither does fashion. See below for advertising rates or contact us directly for collaborative advertising campaigns. </span></p>
              <p><b class="Header">WHAT'S AVAILABLE/ADVERT SPECIFICATION</b></p>
              <table width="500" border="1" align="center">
                <tr>
                  <td width="250" bgcolor="#CCCCCC" class="Header"><div align="center"><strong>Banners</strong></div></td>
                  <td width="250" align="left" valign="top" bgcolor="#CCCCCC"><div align="center" class="Header"><strong>Tiles</strong></div></td>
                </tr>
                <tr>
                  <td width="250"><b><span class="Blackttext12">(Top Only) Dimensions:</span></b><span class="Blackttext12"> 468 x 60 pixels</span></td>
                  <td width="250" align="left" valign="top"><span class="Blackttext12"><b>Dimensions:</b> 120 x 90 pixels</span></td>
                </tr>
                <tr>
                  <td width="250"><span class="Blackttext12"><b>Formats:</b> gif, gif89, jpeg, Flash, HTML</span></td>
                  <td width="250" align="left" valign="top"><span class="Blackttext12"><b>Formats:</b> gif or jpg (non-animated, roll-over)</span></td>
                </tr>
                <tr>
                  <td width="250" valign="top"><p align="left"><span class="Blackttext12"><b>File size:</b> 20K max</span><br />
                  </p></td>
                  <td width="250" align="left" valign="top"><div align="left"><span class="Blackttext12"><b>File size:</b> 5K max</span><br />
                  </div></td>
                </tr>
                <tr>
                  <td width="250" bgcolor="#CCCCCC" class="Header"><div align="center"><strong>side bar adverts &amp; box adverts </strong></div></td>
                  <td width="250" align="left" bgcolor="#CCCCCC"><div align="center" class="Header"><strong>pop-ups</strong></div></td>
                </tr>
                <tr>
                  <td width="250"><b><span class="Blackttext12">Dimensions:</span></b><span class="Blackttext12"> 120 x 310 pixels or </span></td>
                  <td width="250" align="left"><span class="Blackttext12"><b>Dimensions:</b> 250 x 250 pixels</span></td>
                </tr>
                <tr>
                  <td width="250"><span class="Blackttext12"><b>Dimensions:</b> 120 x 240 pixels or</span></td>
                  <td width="250" align="left"><span class="Blackttext12"><b>Formats:</b> Javascript displayed on a HTML page for five seconds before closing</span></td>
                </tr>
                <tr>
                  <td width="250"><span class="Blackttext12"><b>Dimensions:</b> 125 x 125 pixels</span></td>
                  <td width="250" align="left"><span class="Blackttext12"><b>File size:</b> 20K Max</span></td>
                </tr>
                <tr>
                  <td width="250"><span class="Blackttext12"><b>Formats:</b> gif, gif89, jpeg, Flash, HTML</span></td>
                  <td width="250" align="left"> </td>
                </tr>
                <tr>
                  <td width="250"><p align="left"><span class="Blackttext12"><b>File size:</b> 20K max</span></p></td>
                  <td width="250" align="left"><p align="left"><span class="Blackttext12"><br />
                    <br />
                  </span></p></td>
                </tr>
              </table>
              <br />
              <p><b class="Header">LEAD TIMES</b><br />
                <br />
                <span class="Bodytext">Production deadlines do not include time needed for revisions made either by agency or the advertisers in-house design department. Publication of adverts depends solely on the type of advertisement or campaign the advertiser runs with us and the time at which the advertisement is received. Advertisements received after the production deadline is not guaranteed for inclusion.</span><br />
              </p>
              <table width="500" border="1" align="center">
                <tr>
                  <td width="250" align="left" bgcolor="#CCCCCC"><div align="left"><b class="Blackttext12">ADVERTISEMENT FORMAT</b></div></td>
                  <td width="250" bgcolor="#CCCCCC"><b class="Blackttext12">PRODUCTION DEADLINE</b></td>
                </tr>
                <tr>
                  <td width="250" align="left" class="Blackttext12"><div align="left">E-Mail Text Links (copy and url t.b.supplied)</div></td>
                  <td width="250" class="Blackttext12">-</td>
                </tr>
                <tr>
                  <td width="250" align="left" class="Blackttext12"><div align="left">Gif/Animated Gif</div></td>
                  <td width="250" class="Blackttext12">4 Business Days</td>
                </tr>
                <tr>
                  <td width="250" align="left" class="Blackttext12"><div align="left">HTML</div></td>
                  <td width="250" class="Blackttext12">4 Business Days</td>
                </tr>
                <tr>
                  <td width="250" align="left" class="Blackttext12"><div align="left">Javascript</div></td>
                  <td width="250" class="Blackttext12">-</td>
                </tr>
                <tr>
                  <td width="250" align="left" class="Blackttext12"><div align="left">Keyword Campaigns</div></td>
                  <td width="250" class="Blackttext12">-</td>
                </tr>
                <tr>
                  <td width="250" align="left" class="Blackttext12"><div align="left">Sidebar</div></td>
                  <td width="250" class="Blackttext12">4 Business Days</td>
                </tr>
              </table>
              <br />
              <p><b><span class="Header">PRICING</span></b></p>
              <table width="500" border="1" align="center">
                <tr bgcolor="#CCCCCC">
                  <td class="Blackttext12"><b>Cost per quarterly period</b></td>
                  <td class="Blackttext12"><div align="center"><b>4 weeks</b></div></td>
                  <td class="Blackttext12"><div align="center"><b>12 weeks</b></div></td>
                  <td class="Blackttext12"><div align="center"><b>26 weeks</b></div></td>
                  <td class="Blackttext12"><div align="center"><b>52 weeks</b></div></td>
                </tr>
                <tr>
                  <td colspan="5" class="Blackttext12"><div align="left"><b>Tile Adverts - For 24hour Advertising Presence</b></div></td>
                </tr>
                <tr>
                  <td class="Blackttext12">Pounds Sterling</td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                </tr>
                <tr>
                  <td colspan="5" class="Blackttext12"><div align="left"><b>Banner and Side Bar Adverts (Discount another &pound;200 for Side Bar/Box Adverts)</b></div></td>
                </tr>
                <tr>
                  <td class="Blackttext12">Pounds Sterling</td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                </tr>
                <tr>
                  <td colspan="5" class="Blackttext12"><div align="left"><b>Pop-Up Box</b></div></td>
                </tr>
                <tr>
                  <td class="Blackttext12">Pound Sterling</td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                  <td class="Blackttext12"><div align="center"><a href="mailto:advertising@vivavocefashion.com">Contact Us</a></div></td>
                </tr>
              </table>
              <p><span class="Blackttext12">For Euros and dollars please use the following link to convert:</span> <span class="Bodytext"><a href="http://www.xe.com">http://www.xe.com</a>.</span></p>
              <p><span class="Header"><b>GENERAL REQUIREMENTS</b></span></p>
              <ul>
                <li>
                  <p class="Bodytext">Images<br />
                    All images must have alternate (descriptive and concise) text to be used in the absence of images.<br />
                    <br />
                  </p>
                </li>
                <li>
                  <p class="Bodytext">Optimisation Guidelines<br />
                    Images must be optimised to the lowest-possible bit depth.<br />
                    <br />
                  </p>
                </li>
                <li class="Bodytext">
                  <p>It is recommended that fewer colours are used for advertisements. Visit browser safe colour palette sites for more guidelines.<br />
                  </p>
                </li>
              </ul>
              <p><span class="Header"><strong>Testing</strong><span class="Bodytext"><br />
                <br />
                VIVAFASHION.CO.UK </span></span><span class="Bodytext">will not be held responsible for the testing of advertisements. All advertisements, must be tested prior to delivery for compatibility on the following browsers and platforms:<br />
                  -Netscape 3.x and 4x for Windows 3.1 and Macintosh OS 8x<br />
                  -Microsoft Internet Explorer for Windows 3.1 and Macintosh OS 8x<br />
                  - AOL 3.x for Windows 3.1 and Macintosh OS 8x</span></p>
              <p><br />
                <b class="Header">GENERAL INFORMATION</b></p>
              <ul>
                <li>
                  <p class="Bodytext">Approval<br />
                    VIVAFASHION.CO.UK has final approval for all ads with respect to editorial/creative content. We reserve the right to remove an advertisement from this website at any time for any reason.<br />
                    <br />
                  </p>
                </li>
                <li class="Bodytext">
                  <p>Specifications <br />
                    All specifications apply to all ads, whether hosted by VIVAFASHION.CO.UK or by a third party. <br />
                    Please note that all rates and conditions are quoted in pounds sterling and are subject to change without notice.VIVAFASHION.CO.UK reserve the right to refuse or cancel any order without cause, at any time. </p>
                </li>
              </ul>
              <p class="Bodytext">For more information with regards to rates, special advertising packages/campaigns and specifications please contact us at:<a href="mailto:sales@vivavocefashion.com" class="Bodytext"> <br />
              Sales at Viva  Fashion.co.uk</a>. </p>
            </div>
            <!-- InstanceEndEditable -->
            </div>
            <div id="apDiv5"></div>
            <div id="apDiv6">
              <p align="left"><font face="Arial, Helvetica, sans-serif"><br />
              </font></p>
              <p align="left"> </p>
              <p align="left"> </p>
              <p align="left"> </p>
              <p align="left"> </p>
              <p align="left"> </p>
              <p align="left"> </p>
              <p align="left"> </p>
            </div>
            </body>
            <!-- InstanceEnd --></html>
            • 3. Re: Fireworks Menu Appearing Behind Content
              Suzanne H Level 1

              Hi SnakEez02

               

              I thought that about the trial version too (i.e. limited time use with full access to software capability for testing/learning). However, I am really concerned as I have tried to do some simply changes to pages (created in Studio MX 8 and then updated in Dreamweaver CS5.5) and it has been crashing like crazy.

               

              Will this mean if I upgrade to the Web premium version, it will do the same?  I thought once the trial period was up, I would buy a key to activate a full version and I can start working and publishing pages from then on, with no problems.

               

              I would be grateful if you could tell me of your experiences with the software.

               

              Kind regards

               

              S