0 Replies Latest reply on Sep 19, 2009 10:54 AM by Simon Kindlen

    Generated html css file not the same as in adobe tutorial

    Simon Kindlen Level 1

      Hi,

       

      Can someone explain why the exported file from fireworks does not contain the same rules as

      given in Building a website with Web Premium CS4 - Part 6

       

       

      Below is the css rules copied from example file for the tutorial:

       

      body {
          background-color: #fff;
          font-size: 62.5%;
          margin: 0;
          padding: 0;
      }
      body * {
          font-size: 100%;
      }
      h1, h2, h3, h4, h5, h6 {
          font-weight: normal;
      }
      p {
          margin-bottom: 1.1em;
          margin-top: 0;
      }
      #main p.lastNode {
          margin-bottom: 0;
      }
      a:link img, a:visited img {
          border: none;
      }
      div.clearFloat {
          clear: both;
          font-size: 0;
          height: 0;
          line-height: 0px;
      }
      li.clearFloat {
          clear: both;
      }
      ul.symbolList {
          display: inline;
          float: left;
          list-style-type: none;
          margin: 0;
          padding: 0;
      }
      .AbsWrap {
          position: relative;
          width: 100%;
      }
      .rowWrap {
          width: 100%;
      }
      #main {
          margin: 0 auto;
          width: 1024px;
      }
      #header {
          margin-left: 0px;
          margin-top: 0px;
          display: inline;
          float: left;
          height: 165px;
          margin-bottom: 0;
          width: 1024px;
      }
      #sidebar {
          margin-left: 33px;
          margin-top: 21px;
          background-image: url(images/sidebar.png);
          overflow: hidden;
          display: inline;
          float: left;
          height: 596px;
          margin-bottom: 0;
          width: 240px;
      }
      #colwrap1 {
          float: left;
          margin-left: 0px;
          margin-top: 0px;
          width: 662px;
      }
      #tourdescription {
          margin-left: 0px;
          margin-top: 21px;
          background-image: url(images/tourdescription.gif);
          overflow: hidden;
          display: inline;
          float: left;
          height: 182px;
          margin-bottom: 0;
          width: 662px;
      }
      #comparetours_button {
          margin-left: 511px;
          margin-top: 348px;
          display: inline;
          float: left;
          height: 19px;
          margin-bottom: 0;
          width: 133px;
      }
      #ourtoptours {
          margin-left: 0px;
          margin-top: 21px;
          display: inline;
          float: left;
          height: 542px;
          margin-bottom: 0;
          width: 50px;
      }
      #footer {
          margin-left: 0px;
          margin-top: 0px;
          background-image: url(images/footer.gif);
          overflow: hidden;
          display: inline;
          float: left;
          height: 66px;
          margin-bottom: 0;
          width: 1024px;
      }

       

      Below is the css rules copied frthe file I exported from fireworks, I followed the tutorial from pt1 to pt 2 without any issues until now:

       

      My system is Mac os x 10.5.8, Adobe cs 4 web premium.

       

      Regards,

       

      Simon