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

Report · Apr 16, 2012

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

<head>

<title>Untitled Document</title>

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

* 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>

/* 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>

#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>

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

* 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>

/* 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>

<ul>

<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>

<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>

</map></div>

Visit our original site.</div>

</div>

</div>

</body>

</html>

Report · Apr 16, 2012

>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