2 Replies Latest reply on Apr 21, 2010 10:12 AM by LonelyDead

    Dreamweaver CSS Template Issue

    Kriss886 Level 1

      Hi all,

       

      Having a slight problem with creating CSS from a template in Dreamweaver. I have made templates before and created editable regions and usually can add CSS to the page. Though for some reason it's not accepting any CSS. I'll created the rule and hit ok and then it just disappears - though the CSS of the .dwt remains - as it should do.

       

      If anyone could cast any light on this, would be greatly appreciated. Please see attached code for the dwt below:

      <!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=UTF-8" />

      <title>Untitled Document</title>

      <style type="text/css">

      <!--

      body {

      margin-left: 0px;

      margin-top: 25px;

      margin-right: 0px;

      margin-bottom: 0px;

      background-color: #000000;

      background-image: url(images/tester.jpg);

      background-repeat: no-repeat;

      }

      .outer {

      width: 985px;

      margin: auto;

      position: relative;

      }

      .main {

      width: 625px;

      float: left;

      background-image: url(images/lighter_backing.png);

      }

      .flashBanner {

      width: 625px;

      float: left;

      height: 315px;

      }

      .mainContent {

      width: 585px;

      float: left;

      margin: 20px 20px 20px 20px;

      font-family: Arial, Helvetica, sans-serif;

      font-size: 11px;

      line-height: 1.5;

      color: #FFF;

      }

      .footer {

      width: 585px;

      float: left;

      background-image: url(images/Trans_Background1.png);

      font-size: 11px;

      font-family: Arial, Helvetica, sans-serif;

      color: #FFF;

      padding: 20px 20px 20px 20px;

      border-top: 3px solid #222;

      }

      .leftCol {

      width: 120px;

      margin-right: 20px;

      float: left;

      }

      .navButtons {

      }

      .logo {

      float: right;

      margin-bottom: 20px;

      }

      .nav_buttons {

      font-size: 11px;

      font-family: Arial, Helvetica, sans-serif;

      color: #FFF;

      text-align: right;

      height: 15px;

      float: right;

      width: 120px;

      margin-bottom: 3px;

      }

      .img {

      border-style: none;

      }

      .sub_tab_description {

      line-height: 1.3;

      }

      .sub_tabs {

      }

      .created {

      width: 985px;

      float: left;

      text-align: center;

      margin: 15px 0px 0px 0px;

      }

      .sub_tabs_01_02 { width: 180px;

      margin-right: 20px;

      float: left;

      }

      .sub_tabs_03 { width: 180px;

      float: left;

      }

      .sub_tabs_04 { width: 180px;

      float: left;

      margin-left: 25px;

      }

      .right_col { width: 220px;

      height: 45px;

      background-image: url(images/darker_backing.png);

      float: left;

      margin-top: 270px;

      }

      .right_col_attention { background-image: url(images/semi.png);

      float: left;

      width: 180px;

      padding: 20px 20px 20px 20px;

      font-family: Arial, Helvetica, sans-serif;

      font-size: 11px;

      line-height: 1.4;

      color: #FFF;

      }

      .right_image { margin-bottom: 15px;

      }

      a:link {

      color: #FFF;

      text-decoration: none;

      }

      a:visited {

      text-decoration: none;

      color: #FFF;

      }

      a:hover {

      text-decoration: underline;

      color: #FFF;

      }

      .img {

      border-style: none;

      }

      a:active {

      text-decoration: none;

      color: #FFF;

      }

      -->

      </style>

      <script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>

      </head>

       

      <body>

      <div class="outer">

      <div class="leftCol">

      <div class="logo"><a href="index.html"><img src="images/logo.png" width="117" height="62" class="img" /></a></div>

            <div class="nav_buttons"><a href="../index.html">Home</a></div>

            <div class="nav_buttons"><a href="../salons.html">The Salon</a></div>

            <div class="nav_buttons"><a href="../hairdressing-price-list.html">Hair Price List</a></div>

            <div class="nav_buttons">Beauty Price List</div>

            <div class="nav_buttons">Children's Parties</div>

      <div class="nav_buttons"><a href="../careers.html">Careers</a></div>

            <div class="nav_buttons"><a href="#">Contact Us</a></div>

      </div>

      <div class="main"><!-- TemplateBeginEditable name="Flash Banner" -->

        <div class="flashBanner">

          <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="625" height="315">

            <param name="movie" value="../images/HairPriceList.swf" />

            <param name="quality" value="high" />

            <param name="wmode" value="opaque" />

            <param name="swfversion" value="6.0.65.0" />

            <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->

            <param name="expressinstall" value="../Scripts/expressInstall.swf" />

            <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->

            <!--[if !IE]>-->

            <object type="application/x-shockwave-flash" data="../images/HairPriceList.swf" width="625" height="315">

              <!--<![endif]-->

              <param name="quality" value="high" />

              <param name="wmode" value="opaque" />

              <param name="swfversion" value="6.0.65.0" />

              <param name="expressinstall" value="../Scripts/expressInstall.swf" />

              <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->

              <div>

                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>

                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>

              </div>

              <!--[if !IE]>-->

            </object>

            <!--<![endif]-->

          </object>

        </div>

      <!-- TemplateEndEditable --><!-- TemplateBeginEditable name="Editable Content" -->

      <div class="mainContent"></div>

      <!-- TemplateEndEditable -->

      <div class="footer">

          <div class="sub_tabs">

            <div class="sub_tabs_01_02">

              <div class="sub_tab_description"><strong>CHIC OF NEWTON ABBOT</strong><br />

                9 Market Hall,  Opposite Somerfield<br />

                Newton Abbot,<br />

                Devon,<br />

                TQ12 2RX<br />

                <strong>Telephone: </strong>01626 362600</div>

            </div>

            <div class="sub_tabs_03">

              <div class="sub_tab_description"><strong>OPENING TIMES</strong><br />

                Monday - Saturday: <strong>9.00 - 5.00</strong><br />

                Late appointments available on request.</div>

            </div>

            <div class="sub_tabs_04">

              <div class="sub_tab_description"><strong>ABOUT CHIC</strong><br />

                Opened in 2009, having proved a great success, we've undergone a major reburnishment, we now have a beauty treatment room and offer a wide range of treatments.</div>

            </div>

          </div>

        </div>

      </div>

      <div class="right_col"></div>

      <div class="right_col_attention">

        <div class="right_image"><img src="images/how_to_book_white.png" alt="" width="172" height="34" /></div>

        <p>Call today or pop in to discuss your requirments with one of our dedecated team of technicians who will be happy to help. </p>

        <p><strong>CHIC OF NEWTON ABBOT<br />

        </strong>Telephone: 01626 362600</p>

      </div>

      <div class="created"><img src="../images/created-by.png" width="199" height="12" alt="Created by Kristopher Kerr" /></div>

      </div>

      <script type="text/javascript">

      <!--

      swfobject.registerObject("FlashID");

      //-->

      </script>

      </body>

      </html>