3 Replies Latest reply on Sep 9, 2010 6:58 AM by Jim_Babbage

    CSS export creates images instead of <div> background color

    CanuckInSC

      Okay...here is a very simple webpage layout example. Let's say the page dimensions are 960x800 pixels. In FW, a header (120px high), a sidebar (200wx600h) and a footer (80px high) are created. The header and footer are blue (#006699) and the sidebar is grey (#CCCCCC). All areas have been sliced and named bg_header, bg_sidebar and bg_footer.

       

      If I try to export this layout selecting the "CSS and Images (.html)" option, FW creates appropriately named image files for each slice. What I would like is to see CSS code created for these sliced areas that goes something like:

       

      #bg_header {

           #background-color: #069;

           width: 960px;

           height: 120px;

      }

      #bg_sidebar {

           #background-color: #CCC;

           width: 200px;

           height: 600px;

      }

      #bg_footer {

           #background-color: #069;

           width: 960px;

           height: 80px;

      }

       

      Can FW not create something as simple as this, especially for a rectangular slice that is one solid color? Or is there a setting somewhere that I have overlooked that will get the results I am looking for? I have Googled and searched different forums for an answer, but to avail.

       

      Thanks for any help.