Skip navigation
autumnstudio
Currently Being Moderated

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

Apr 16, 2012 8:36 AM

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.c o 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> 

 

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points