Highlighted

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

New Here ,
Apr 16, 2012

Copy link to clipboard

Copied

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(horizontal_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 & 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=1209600&continue=http://www.blogger..." 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> 

Views

894

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Apr 16, 2012

Copy link to clipboard

Copied

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(horizontal_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 & 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=1209600&continue=http://www.blogger..." 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> 

Views

895

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 16, 2012 0
Most Valuable Participant ,
Apr 16, 2012

Copy link to clipboard

Copied

>Here is my problem

Your problem HERE is that this is not the Dreamweaver forum... this forum talks about the forums themselves

How to Select a Forum http://forums.adobe.com/docs/DOC-1015

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 16, 2012 0