0 Replies Latest reply: Apr 16, 2012 8:36 AM by autumnstudio RSS

    I can't make an editable template in dreamweaver CS5 help!

    autumnstudio Community Member

      Here is my problem. I insert an editable region, and that works just fine. However, when trying to create a page from this template, I can't edit the CSS. Normally, I click the area of the CSS I want to edit, and go to modify>templates>make attribute editable. When I create a page, nothing is editable. I'm lost.

      Here is the code I'm using so far: (I have not added a 'make attribute editable' in this code yet)  Thanks!

       

      <!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" />

      <!-- TemplateBeginEditable name="doctitle" -->

      <title>Untitled Document</title>

      <!-- TemplateEndEditable -->

      <!-- TemplateBeginEditable name="head" -->

      <!-- TemplateEndEditable -->

      <link rel="stylesheet" type="text/css" href="autumnwind12.css" />

      <link rel="icon" href="http://www.autumnwindstudios.com/leaficon.ico" type="image/x-icon" />

      <link rel="shortcut icon" href="http://www.autumnwindstudios.com/leaficon.ico" type="image/x-icon" />

       

       

      <link rel="stylesheet" href="http://www.autumnwindstudios.com/bluelight/humbnailviewer.css" type="text/css" />

       

      <script src="http://www.autumnwindstudios.com/bluelight/thumbnailviewer.js" type="text/javascript">

       

      /***********************************************

      * Image Thumbnail Viewer Script- ? Dynamic Drive (www.dynamicdrive.com)

      * This notice must stay intact for legal use.

      * Visit http://www.dynamicdrive.com/ for full source code

      ***********************************************/

       

      </script>

       

       

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

       

      /* Expando Image Script ?2008 John Davenport Scheuer

         as first seen in http://www.dynamicdrive.com/forums/

         username: jscheuer1 - This Notice Must Remain for Legal Use

         */

       

      </script>

       

       

      <meta name="keywords" content="T-shirts, graphics, digital art, graphic design, media" />

      <meta name="description" content=" " />

       

      <meta http-equiv="content-type" content="text/html; charset=utf-8" />

       

      <style type="text/css"><!--

       

      #hintbox{ /*CSS for pop up hint box */

      position:absolute;

      top: 50px;

      background-color: black;

      width: 200px; /*Default width of hint.*/

      padding: 10px;

      border:1px solid silver;

      font:normal 11pt arial;

      color:white;

      border-right: 3px solid silver;

      border-bottom: 3px solid silver;

      line-height:18px;

      z-index:100;

       

      visibility: hidden;

      }

       

      .hintanchor{ /*CSS for link that shows hint onmouseover*/

      font-weight: bold;

      color: navy;

      margin: 3px 8px;

      }

       

      --></style>

       

       

      <script type="text/javascript">

       

      /***********************************************

      * Show Hint script- ? Dynamic Drive (www.dynamicdrive.com)

      * This notice MUST stay intact for legal use

      * Visit http://www.dynamicdrive.com/ for this script and 100s more.

      ***********************************************/

             

      var horizontal_offset="14px" //horizontal offset of hint box from anchor link

       

      /////No further editting needed

       

      var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change.

      var ie=document.all

      var ns6=document.getElementById&&!document.all

       

      function getposOffset(what, offsettype){

      var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;

      var parentEl=what.offsetParent;

      while (parentEl!=null){

      totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

      parentEl=parentEl.offsetParent;

      }

      return totaloffset;

      }

       

      function iecompattest(){

      return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

      }

       

      function clearbrowseredge(obj, whichedge){

      var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1

      if (whichedge=="rightedge"){

      var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40

      dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

      if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

      edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizon tal_offset)

      }

      else{

      var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

      dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

      if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)

      edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight

      }

      return edgeoffset

      }

       

      function showhint(menucontents, obj, e, tipwidth){

      if ((ie||ns6) && document.getElementById("hintbox")){

      dropmenuobj=document.getElementById("hintbox")

      dropmenuobj.innerHTML=menucontents

      dropmenuobj.style.left=dropmenuobj.style.top=-500

      if (tipwidth!=""){

      dropmenuobj.widthobj=dropmenuobj.style

      dropmenuobj.widthobj.width=tipwidth

      }

      dropmenuobj.x=getposOffset(obj, "left")

      dropmenuobj.y=getposOffset(obj, "top")

       

      dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px"

      dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"

      dropmenuobj.style.visibility="visible"

      obj.onmouseout=hidetip

      }

      }

       

      function hidetip(e){

      dropmenuobj.style.visibility="hidden"

      dropmenuobj.style.left="-500px"

      }

       

      function createhintbox(){

      var divblock=document.createElement("div")

      divblock.setAttribute("id", "hintbox")

      document.body.appendChild(divblock)

      }

       

      if (window.addEventListener)

      window.addEventListener("load", createhintbox, false)

      else if (window.attachEvent)

      window.attachEvent("onload", createhintbox)

      else if (document.getElementById)

      window.onload=createhintbox

       

      </script>

       

       

      <style type="text/css"><!--

       

       

      /* END MAIN*/

       

      body {background-color:#4E5869; center 0 no-repeat;}

       

       

       

      .bar {background-color:#ffd39b;

      width:980px;

      height:36px;

      margin-left:0 auto;

      margin-right:0 auto;

       

      }

       

      #container {

      width: 980px; background: #fff; margin: 0 auto;

      border:1px solid gray;

      }

       

      #banner{margin-left:auto 0px;margin-right:auto 0px;}

       

      .c01 {margin-top:10px;

      width:960px;

      font-family:arial,sans-serif;

      font-size:12pt;

      font-weight:normal;

      letter-spacing:0.85em;

      text-align:right;

      color:darkslategray;

      }

       

      .c02 {margin-left:10px; margin-top:10px;

      width:225px;

      font-family:arial,sans-serif;

      font-size:10pt;

      font-weight:normal;

      letter-spacing:0.15em;

      text-align:right;

      color:darkslategray;

      }

       

       

       

      #main {margin:0 auto;margin-top:40px;width:940px;

      padding-bottom:100px;font-family:arial,sans-serif;font-size:12pt;color :#5c5c5c;line-height:150%;

      border-top:1 px solid gray;}

      a {text-decoration:none;}

       

       

      #footer {margin-left:760px;

      width:980px;

      font-family:arial,sans-serif;

      font-size:10pt;

      font-weight:normal;

      color:darkslategray;

      }

       

      a {text-decoration:none;}

       

       

      /* BEGIN MAIN */

      -->

      </style>

       

      </head>

       

      <body>

       

      <!--MENU-->

       

       

       

      <div class="menu">

       

      <ul>

       

      <li><a href="http://www.autumnwindstudios.com">Home</a></li>

          <li> <a href="#" id="current">Graphic Services</a>

            <ul>

         

          <li><a href="http://www.autumnwindstudios.com/design.html">Print Media</a></li>   

          <li><a href="http://www.autumnwindstudios.com/illustration.html">Illustration</a></li>

              <li><a href="http://www.autumnwindstudios.com/portraiture.html">Portraits</a></li>

          <li><a href="http://www.autumnwindstudios.com/cartoons.html">Cartooning</a></li>   

          <li><a href="http://www.autumnwindstudios.com/signs.html">Signs / Banners</a></li>   

             

         

            

       

            </ul>

       

          </li>

          <li><a href="#">Photo Enhancement</a>

       

            <ul>

          <li><a href="http://www.autumnwindstudios.com/enhancement.html" style="text-decoration:none;">Artistic Photo Effects</a></li>

         

         

       

            </ul>

       

          </li>

       

      <li><a href="#">Photo Colorizing</a>

       

            <ul>

          <li><a href="http://www.autumnwindstudios.com/colorization.html" style="text-decoration:none;">B/W to Color</a></li>

       

          <li><a href="http://www.autumnwindstudios.com/colorization.html" style="text-decoration:none;">Color Enhancement</a></li>

         

         

       

            </ul>

       

          </li>

       

      <li><a href="#">Photo Restoration</a>

       

            <ul>

          <li><a href="http://www.autumnwindstudios.com/restoration.html" style="text-decoration:none;">Photo Restoration</a></li>

          <li><a href="http://www.autumnwindstudios.com/retouch.html" style="text-decoration:none;">Photo Retouching</a></li>

         

      <li><a href="http://www.autumnwindstudios.com/wedding.html" style="text-decoration:none;">Wedding Retouching</a></li>   

       

            </ul>

       

          </li>

       

       

      <li><a href="#">Info</a>

       

            <ul>

          <li><a href="http://www.autumnwindstudios.com/info.pdf">Pricing &amp; Terms</a></li>

          <li><a href="http://www.autumnwindstudios.com/resume.pdf">Resume</a></li>

          <li><a href="http://www.autumnwindstudios.com/Autumn_Wind_Studios.pdf">Download Portfolio Sample</a></li>

       

            </ul>

       

          </li>

         

       

       

          <li> <a href="#">Contact</a> 

       

            <ul>

          <li><a href="http://www.autumnwindstudios.com/contact.html">Contact Form</a></li>

         

             

        </ul>

          </li>

         

         

        </ul>

      </div>

       

      <!--END MENU-->

       

      <!--MAIN CONTENT-->

      <div id="container">

       

      <div id="banner"><img src="http://www.autumnwindstudios.com/awsbanner1.jpg" width="980" alt="banner" /></div>

      <div class="c01"> <img src="media.jpg" alt="social media buttons" width="269" height="41" hspace="10" vspace="0" border="0" align="right" usemap="#Map" />

                <map name="Map" id="Map">

                  <area shape="rect" coords="222,1,270,41" href="https://twitter.com/#!/Autumn_Studios" alt="twitter" />

                  <area shape="rect" coords="175,1,223,43" href="https://www.facebook.com/pages/Autumn-Wind-Studios/273834332699643" alt="facebook" />

                  <area shape="rect" coords="128,0,174,41" href="https://accounts.google.com/ServiceLogin?service=blogger&passive=12096  00&continue=http://www.blogger.com/home&followup=http://www.blogger.co m/home&ltmpl=start#s01" alt="blogger" />

                  <area shape="rect" coords="45,0,126,40" href="http://laoscura.deviantart.com" alt="deviant art" />

                  <area shape="rect" coords="1,1,46,42" href="http://www.linkedin.com/profile/edit?trk=hb_tab_pro_top" alt="linked in" />

                </map></div>

       

      <div class="c02"><a href="http://www.autumnwindstudios.com/main.html"><img border="0" src="jtheader.jpg" width="225" alt="autumn wind logo" /></a><br />

      Visit our original site.</div>

       

       

       

       

      <div id="main">

       

      </div>

       

       

       

       

      <!--FOOTER-->

       

      <div id="footer"><a href="#top"><img border="0" src="eraser_opt.jpg" width="200" alt="eraser" /></a><br /><br /></div>

       

      <!--END FOOTER-->

       

       

      </div>

       

       

      <!--END MAIN CONTENT-->

       

       

       

       

      </body>

      </html>