Model Dreamweaver, renounce the error 'instancebegineditable tag inside the editable region.

Similar Questions

• TemplateBeginEditable tag inside the editable region

  I bought a HTML template several years and it works fine until I updated for Dreamweaver on creative cloud. I can still update the pages, but now I can't update a page template. I get the following error whenever I try to update a page template:

  There is an error on line 49, column 47 (absolute position 2839) of (Template:main.dwt) TemplateBeginEditable tag inside the editable region

  My temporary solution was to go back to an older version of Dreamweaver (CS5) on an old Mac to make updates to the model. But I would like to solve this problem, so I can make changes in CC model.

  Here is the code to the top of the site, including the line 49 (I replaced some content meta here with "xyz")
  FYI: line 49 is: <!-TemplateBeginEditable name = "head"->

  <! DOCTYPE html >

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

  < meta http-equiv = "X-UA-Compatible" content = "IE = edge, chrome = 1" >

  < meta name = "viewport" content = "width = device-width, original scale = 1.0" >

  <!-< META HTTP-EQUIV = "refresh" CONTENT = "15" > - >

  < meta name = "author" content = "xyz" >

  "< link rel ="shortcut icon"href ="... / favicon.ico ">"

  "" < link rel = "image_src" href = "... / img/logos/Lc_ZAR_dot_FE4F00_B8BABC.jpg" / >

  <!-* fonts Google / /-->

  < link href =' http://fonts.googleapis.com/CSS?family=Raleway:400,100,200,300,500,600,700,800 ' rel = "stylesheet" type = "text/css" >

  < link href =' http://fonts.googleapis.com/css?family=Lato:100, 300, 400, 700, 900, 100italic, 300italic, 400ita lic, 700italic, 900italic ' rel = "stylesheet" type = "text/css" >

  < link href =' http://fonts.googleapis.com/css?family=Open+Sans:400, 300, 300italic, 400italic, 600, 600italic, 700italic ' rel = "stylesheet" type = "text/css" >

  < link href =' http://fonts.googleapis.com/CSS?family=open+sans+condensed:300, 300italic, 700 ' rel = "stylesheet" type = "text/css" >

  <! - core bootstrap CSS - >

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

  <!-Custom-> CSS

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

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

  "" < link href = "... / css/font-awesome/css/font-awesome.min.css" rel = "stylesheet" type = "text/css" >

  "" < link rel = "stylesheet" href = "... / css/colorbox-skins/4/colorbox.css" type = "text/css" >

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

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

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

  "" < link href = "... / css/color1.css" rel = "stylesheet" type = "text/css" id = 'site-color' >

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

  <! - LayerSlider styles - >

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

  <!-only for debugging purposes. Do not copy this line really! ->

  "<!-[if lt IE 9] > < script src="js/vendor/ie8-responsive-file-warning.js "> < / script > <! [endif]-->

  <! - HTML5 shim and Respond.js IE8 takes in charge of HTML5 elements and questions from the media - >

  <!-[if lt IE 9] >

  " < script src =" https://OSS.MaxCDN.com/libs/html5shiv/3.7.0/html5shiv.js "> < / script > .

  " < script src =" https://OSS.MaxCDN.com/libs/respond.js/1.4.2/respond.min.js "> < / script > .

  <! [endif]-->

  "< script src ="... / js/vendor/modernizr-2.6.2-respond-1.1.0.min.js "> < / script >"

  "< script src ="... / js/twitterFetcher_v10_min.js "> < / script >"

  < script type = "text/javascript" >

  <!--

  function MM_openBrWindow (theURL, winName, features) {//v2.0

  Window.Open (Theurl, winName, Features);

  }

  ->

  < /script >

  <!-TemplateBeginEditable name = "head"->

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

  < meta name = "keywords" content = "xyz" >

  XYZ < title > < /title >

  <! - TemplateEndEditable - >

  < script >

  (function(i,s,o,g,r,a,m) {I ['GoogleAnalyticsObject'] = r; i [r] = [r] i: function() {}})

  (.q i [r] = [r] i .q |) ([]) .push (arguments)}, l i [r] = 1 * new Date (); a = s.createElement (o),

  m = s.GetElementsByTagName (o) [0]; a.Async = 1; a.SRC = g; m.parentNode.InsertBefore (a, m)

  ({ }) (window, document, 'script','https://www.google-analytics.com/analytics.js', 'ga');

  GA ('create', ' UA-79018338-1 "," auto");

  GA ('send', 'consultation');

  < /script >

  < / head

  I wonder if this is related to the code Linting.  Maybe if you disable the Linting in preferences DW will leave an error appears when there seems to be none.

  Otherwise, try to restore preferences-

  Unusual behavior in Dreamweaver? Restore preferences.

  Or continue to use the previous version of DW with this model.

  Nancy O.

• More "label of instancebegineditable inside the editable region"

  I get an error message about instancebegineditable tag inside the editable region on http://www.jurpe.no/index.htm and I can't understand what is wrong. The error is apparently connected to line 12: <!-InstanceBeginEditable name = "description"-> and the template will not update the index file.

  Can anyone help? Thank you!

  Line 14, you have an incomplete tag.

  It should be this:

• tables model moving in the edition of editible regions

  Hi there everyone,

  Have made a model. When you do not pages from the model and then by changing the editible regions, the tables are shifing and not return to place of origin, even when I click here and there to see if they will go back. Sometimes the paintings returned to the original location and other times they do not.

  Made sure when make editable regions as td and another table code is not included in the editible regions.

  What I'm asking is when make you a model, if the table code is not included in the editable regions, should orient themselves around tables?

  What do you think?

  All solutions?

  Thanks a lot to you all,.

  Hope

  You misunderstood, I use templates all the time, I do not use its tables too much more, but you seem to have a mistake here. You have completed your and started yourbut havea link and some css in there, which would cause problems.

  
  

  and there still

  
  
  

  I think the biggest problem seems to be that you have regions editable on the tables overlap.  I think that if you finished a table and the end of an editable region started your editable region and then started with a table charge, it must stay as you want, but since the tables is all interconnected, moving a line splitter or neck causes them all to move...

  The best solution, see if you can get out of the structure of the table and work with

  Tags

  Gary

• The editable regions and Flash animation

  Hello
  
  I'm trying to insert a flash movie into an editable region of a page of the child, but I get the following error: "this change should change the code which is locked by a model or a translator. The changes will be rejected. »
  
  I read the previous posts on the same topic, but none of them does answer my question. I tried to create a new model and a child by him as a test by removing the css links (as someone suggested to do) to try to identify troubled css and I kept getting the same error in the new pages. I hope someone can help identify the problem and the solution. The area where I want to insert the movie is called "FinalMainContent".
  
  BTW, I don't know how to write the code... Sorry!
  
  Thanks in advance for any help you can provide!
  
  Here is the code:
  
  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN".
  " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ".
  <!-saved from url = (0014) subject: internet->
  "< html xmlns =" http://www.w3.org/1999/xhtml "> <! - model InstanceBegin =" / models/hand Pages.dwt "codeOutsideHTMLIsLocked =" false "- >"
  < head >
  <!-InstanceBeginEditable name = "doctitle"-->
  < title > TotusMundus - video/Film < /title >
  <! - InstanceEndEditable - >
  < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"
  <!-target fireworks 8 Dreamweaver 8. Created Sat Jan 13 16:43:41 GMT - 0500 () 2007->
  < link href = "TotusMundus_Styles.css" rel = "stylesheet" type = "text/css" / > "
  <!-InstanceBeginEditable name = "head"->
  < link href = "Templates/TotusMundus_Styles.css" rel = "stylesheet" type = "text/css" / > "
  <! - InstanceEndEditable - >
  < script language = "JavaScript1.2" type = "text/javascript" >
  <!--
  function MM_findObj (n, d) {//v4.01
  var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}
  d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}
  If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & I < d.forms.length; i ++) x = d.forms [n];
  for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj(n,d.layers.document);
  If (! x & & d.getElementById) x = d.getElementById (n); Return x;
  }
  function MM_swapImage() {//v3.0
  var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).
  If ((x = MM_findObj (un ))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}
  }
  function MM_swapImgRestore() //v3.0 {}
  var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a) & & x.oSrc; i ++) x.src = x.oSrc;
  }
  
  function MM_preloadImages() {//v3.0
  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();
  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)
  If (one .indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a;}}}
  }
  
  ->
  < /script >
  < script type = "text/javascript" src = "p7pm/p7popmenu.js" > < / script >
  < style type = "text/css" >
  TD img {display: block ;} < / style >}
  
  < style type = "text/css" media = "screen" >
  <!--
  @import url("p7pm/p7pmv0.css");
  a: link {}
  color: #999999;
  text-decoration: none;
  }
  a: visited {}
  text-decoration: none;
  Color: #666666;
  }
  a: hover {}
  text-decoration: none;
  Color: #666666;
  }
  a: active {}
  text-decoration: none;
  Color: #666666;
  }
  ->
  < / style >
  < script src = "Scripts/AC_RunActiveContent.js" type = "text/javascript" > < / script > "
  < / head >
  < body onload = "P7_initPM (0,0,1,0,-8); "MM_preloadImages (" Images/LinesBtn_f2.jpg','Images/SmallFlow erBtn_f2.jpg','Images/SquigliBtn_f2.jpg','Images/StarBtn_f2.jpg','Images/DoubleSquigliBtn_ f2.jpg','Images/BigFlowerBtna_f2.jpg','Images/PrevBtn_f2.jpg','Images/NextBtn_f2.jpg'");" > < table align = "center" border = "0" cellpadding = "0" cellspacing = "0" width = "800" >
  "<!-fwtable fwsrc ="Index.png"fwbase =" TotusMundus.jpg "fwstyle ="Dreamweaver"fwdocid ="1262947761"fwnested ="0"->
  < b >
  "< td > < img src ="Images/spacer.gif"width ="116"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="8"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="182"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="109"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="102"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="180"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="7"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="96"height ="1"border ="0"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="1"height ="1"border ="0"alt =" "/ > < table >
  < /tr >
  
  < b >
  "< td rowspan ="2"colspan ="7"> < a href =" index.htm "> < img name ="LogoAnfTagLine"src = Images/LogoAnfTagLine.jpg" "width ="704"height ="100"border ="0"id ="LogoAnfTagLine"alt =" "/ > < /a > < table >
  "< td > < img name ="MusicTitle"src ="Images/MusicTitle.jpg"width ="96"height ="74"border ="0"id ="MusicTitle"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="1"height ="74"border ="0"alt =" "/ > < table >
  < /tr >
  < b >
  < td rowspan = "4" > < a href = "" javascript:; "" MM_swapImgRestore; "onmouseover =" MM_swapImage ('LinesBtn', ", ' Images/LinesBtn_f2.jpg', 1);" "" > < img name = "LinesBtn" src = "Images/LinesBtn.jpg" width = "96" height = "57" border = "0" id = "LinesBtn" alt ="" / > < / a > < table >
  "< td > < img src ="Images/spacer.gif"width ="1"height ="26"border ="0"alt =" "/ > < table >
  < /tr >
  < b >
  "< td colspan ="7"> < img name ="CushionforPath"src ="Images/CushionforPath.jpg"width ="704"height ="13"border ="0"id ="CushionforPath"alt =" "/ > < table >
  "< td > < img src ="Images/spacer.gif"width ="1"height ="13"border ="0"alt =" "/ > < table >
  < /tr >
  < b >
  

  OK, I thought about it: the problem is that in the window options, when I tried to insert Flash video, I ticked the box: 'invite users to download Flash Player if necessary.' It was not allowing me to insert. When I unchecked, the error message disappears. I guess, I have to add this option to download in a different way.

  Thank you for taking the time to answer. Much appreciated!

  MS

• Messed up the editable regions in the documents based on templates

  Y at - there no way to fix corrupt editable regions in a document?

  We have 2 editable regions in a template: -.

  <!-TemplateBeginEditable name = "MidText"->

  < p > < / p >

  <! - TemplateEndEditable - >

  <!-TemplateBeginEditable name = "LowText"->

  < p > < / p >

  <! - TemplateEndEditable - >

  In several documents based on these models, the name has been deleted by mistake: -.

  <!-TemplateBeginEditable name = ""-> "

  < p > < / p >

  <! - TemplateEndEditable - >

  <!-TemplateBeginEditable name = ""-> "

  < p > < / p >

  <! - TemplateEndEditable - >

  If we try to update the documents in an attempt to fix, we get the following error message:

  There is an error on line..., column... (absolute position...) of "nomDuDocument": name missing for InstanceBeginEditable ""

  If we try to update using the templates, we get the following error message:

  no update, error in the file of template or instance

  Is there a 'fix' for this?

  Thank you.

  Looks like you know what you're doing.

  Assuming your child pages are incorrect, try closing DW and open the problem page in a simple editor like Notepad or Simpletext ascii text, add in the missing name values (remember to use the proper case) and save & close them.

  Then see if DW is happy.

• Footer does not drop down at the bottom of page template when the editable regions are met. Desperate!

  I tried everything I can think and have implemented several tutorials walk pasting without result.  Foot of page in the template seems to stick to the bottom of my sidebar divs when I want to stick to the bottom of the editable content in the html page.  Here is a screenshot and my code.  I am desperate for help. I intend using this model for several pages, then, how the footer to drop down the length of the main editable?  Help!

  

  Here is the template code:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml ">

  < head >

  < content meta = text/html"; Charset = UTF-8 "http-equiv ="Content-Type"/ >"

  < meta http-equiv = "X-UA-Compatible" content = "IE = 9" / >

  < content meta = "width = device-width, original scale = 1.0, minimum scale = 1.0" name = "viewport" / > "

  <!-TemplateBeginEditable name = "doctitle"--> < title > < / title > <! - TemplateEndEditable - > <!-TemplateBeginEditable name = "head"--> <! - TemplateEndEditable - >

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

  < / head >

  < body >

  < div id = "container" >

  < div id = "header" >

  < h1 id = "logo" > Escalante Law < / h1 >

  < div id = "topnavcontainer" >

  < ul id = "topnavlist" >

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

  < li > < a href = "#" > Law Office Information < /a > < /li >

  < li > < a href = "#" > contact us < /a > < /li >

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

  < /ul >

  <!-end #topnavcontainer--> < / div >

  <!-end #header--> < / div >

  < div id = "mainmedia" > <! - end .mainmedia - > < / div >

  < div id = "middlenavcontainer" >

  < table width = "960" border = "1" align = "left" cellpadding = "10" >

  < tbody >

  < b >

  < style td = "" width: 176px; "> how can we help you?" < table >

  < style td = "" width: 182px; "> I need help with a green card < table >"

  < style td = "" width: 162px; "> I want to apply for citizenship < table >"

  < style td = "" width: 158px; "> I want to learn more about the dream Act < table >"

  < style td = "" width: 160px; "> do you currently have < br / >"

  having a green card < br / >

  and need help? < table >

  < /tr >

  < / tbody >

  < /table >

  <!-end #middlenavcontainer--> < / div >

  < div id = 'hand' >

  < div id = "sidebar1″" >

  < div class = "sidebar1_block" >

  Family Immigration < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

  < li > < a href = "#" > < /a > family Visa Services < /a > < /li >

  < li > < a href = "#" > < /a > interim waiver < /a > < /li >

  < li > < a href = "#" > < /a > K1 Visa or Visa fiance < /a > < /li >

  < li > < a href = "#" > < /a > Visa K3 and K4 Visa < /a > < /li >

  < li > < a href = "#" > < /a > change status < /a > < /li >

  < /ul >

  <! - end .sidbar1_block - > < / div >

  < div class = "sidebar1_block" >

  Map green < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

  < li > < a href = "#" > < /a > < /a > < /li > green card renewal

  < li > < a href = "#" > < /a > map green replacement < /a > < /li >

  < li > < a href = "#" > < /a > green card - family < /a > < /li >

  < li > < a href = "#" > < /a > removal of Conditions < /a > < /li >

  < li > < a href = "#" > < /a > Services consular processing < /a > < /li >

  < /ul >

  <! - end .sidbar1_block - > < / div >

  < div class = "sidebar1_block" >

  Dream Act < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

  < li > < a href = "#" > Deferred Action < /a > < /li >

  < /ul >

  <! - end .sidbar1_block - > < / div >

  < div class = "sidebar1_block" >

  citizenship < h2 > < / h2 >

  < ul class = "leftcolumnnav" >

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

  < /ul >

  < / div >

  <! - end .sidebar1 - > < / div >

  < div id = "content" > <!-TemplateBeginEditable name = "ContentArea"-> {tag_pagecontent} <! - TemplateEndEditable - > < / div >

  < div id = 'sidebar2' >

  the placeholder < div id = "rigtnavcontent" > < / div >

  the placeholder < div id = "rigtnavcontent" > < / div >

  the placeholder < div id = "rigtnavcontent" > < / div >

  <! - end .sidebar2 - > < / div >

  <! - end .main - > < / div >

  < div id = "footer" >

  < div class = "Section" >

  article a < /p > < p > Site map

  < ul id = "footernav" >

  Family based Immigration

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

  < li > < /li >

  < li > < /li >

  < li > < /li >

  < li > < /li >

  < /ul >

  < / div >

  < div class = "Section" >

  < p > Section Site map two < /p >

  < ul id = "footernav" >

  Citizenship and naturalization

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

  < li > < a href = "#" > application for citizenship < /a > < /li >

  < li > < a href = "#" > reviews of citizenship < /a > < /li >

  < li > < /li >

  < /ul >

  < / div >

  < div class = "Section" >

  < p > Section Site Map 3 < /p >

  < ul id = "footernav" >

  < li > < a href = "#" > map green < /a > < /li >

  < li > < a href = "#" > green card renewal < /a > < /li >

  < li > < a href = "#" > green card application < /a > < /li >

  < li > < a href = "#" > green card - family < /a > < /li >

  < li > < /li >

  < /ul >

  < / div >

  < div class = "Section" >

  < p > Section Site map 4 < /p >

  < ul id = "footernav" >

  < li > < a href = "#" > employment based Immigration < /a > < /li >

  < li > < a href = "#" > review Types of Visas work < /a > < /li >

  < li > < a href = "#" > apply for Visa to work < /a > < /li >

  < li > < a href = "#" > adjust the status of Visa work < /a > < /li >

  < /ul >

  < / div >

  <! - end .footer - > < / div >

  <! - end .container - > < / div >

  < / body >

  < / html >

  Here is my CSS:

  @charset "UTF-8";

  {body

  margin: 0;

  padding: 0;

  Color: #000;

  do-family: Verdana, Arial, Helvetica, without serif.

  do-size: 100%;

  line-height: 1.4;

  background-color: #FFFFFF;

  }

  / * ~ ~ This container fixed-width surrounds all the other div tags ~ ~ * /.

  #container {}

  Width: 960px;

  background: #FFFFFF;

  margin-right: auto;

  left margin: auto;

  }

  #content {}

  float: left;

  height: 100px;

  Width: 580px;

  margin-right: 0px;

  left margin: 0px;

  overflow: visible;

  }

  / * ~ ~ Footer styles ~ ~ * /.

  #footer {}

  background: #CCC49F;

  position: relative; / * This clear property forces the .container to understand where the columns end up and contain them * /.

  height: 300px;

  Width: 960px;

  margin-right: auto;

  left margin: auto;

  Clear: both;

  }

  #footer. {Section}

  height: 250px;

  Width: 200px;

  margin left: 14px;

  position: relative;

  float: left;

  padding: 10px;

  margin-top: 10px;

  border: thin solid #000;

  }

  H1 {}

  do-size: 16px;

  padding-left: 10px;

  }

  H2 {}

  do-size: 14px;

  padding-left: 10px;

  }

  H3 {}

  do-size: 14px;

  padding-left: 10px;

  }

  H4, h5, h6 {}

  margin-top: 0;

  text-align: left;

  padding-left: 10px;

  padding-right: 10px;

  }

  / * ~ ~ Tag of the element selectors ~ ~ *.

  UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

  Padding: 20;

  margin: 0;

  }

  {p}

  do-size: 14px;

  padding-right: 10px;

  padding-left: 10px;

  }

  #container #content ul {}

  do-size: 14px;

  list-style-type: square;

  list-style-position: inside;

  }

  an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

  border: none;

  }

  / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

  a: link {}

  color: # 42413.

  text-decoration: none; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

  }

  a: visited {}

  color: #6E6C64;

  text-decoration: underline;

  }

  a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

  text-decoration: none;

  }

  / * ~ ~ The header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked. ~~ */

  #header {}

  background: #ADB96E;

  height: 60px banner;

  }

  / * ~ ~ These are the columns for page layout. ~~

  (1) padding is only placed on the top and/or bottom of the divs. The elements contained in these divs have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

  (2) no margin was given to the columns, because they all floated. If you need to add the margin, avoid placing on the side you're floating into (for example: a right margin on a div set to float to the right). Many times, padding can be used instead. For divs where this rule needs to be broken, you must add a statement of ' display: inline ' to the rule of the div to tame a bug where some versions of Internet Explorer double the margin.

  (3) given that the classes can be used several times in a document (and an element can also have several classes applied), the columns have received the names of classes instead of IDs. For example, two sidebar div could be stacked if necessary. These can easily be changed to the ID if that's your preference, as long as you don't use them once per document.

  (4) If you prefer your nav on the right instead of the left, simply float those columns as the opposite direction (straight instead of left all) and they will return in reverse order. There is no need to move the div in the HTML source code.

  */

  {#sidebar1}

  float: left;

  Width: 200px;

  background: #EADCAE;

  }

  {.sidebar1_block}

  padding: 5px;

  margin: 5px;

  }

  {#sidebar2}

  float: left;

  Width: 180px;

  background: #EADCAE;

  padding-right: 0px;

  padding-left: 0;

  padding-top: 0px;

  padding-bottom: 0px;

  height: 100%;

  }

  / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.

  . Content ul, ol {} content

  padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */

  }

  / * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * /.

  UL. NAV {}

  list-style: none; / * This command deletes the list marker * /.

  border-top: 1px solid #666; / * This creates the top border for the links - all the others are placed using a bottom border on the LI * /.

  margin-bottom: 15px; / * This creates space between the following content browsing * /.

  }

  {ul li. NAV

  border-bottom: 1px solid #666; / * This creates separation button * /.

  }

  UL. NAV, the ul.nav: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after the ongoing visit * /}

  padding: 5px 5px 5px 15px;

  display: block; / * Gives the anchor block properties, so it meets all LI that contains that whole area responds to a mouse click. */

  Width: 160px;  / * This width makes all the clickable button for IE6. If you do not need to support IE6, it can be removed. Calculate the width by subtracting the padding on this link of the width of your sidebar container. */

  text-decoration: none;

  background: #C6D580;

  }

  UL. NAV a: hover, ul.nav one: ul.nav active,: focus {/ * this changes the background and color of text for browsers of the mouse and the keyboard * /}

  background: #ADB96E;

  color: #FFF;

  }

  / * ~ ~ Various float/clear classes ~ ~ * /.

  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

  float: right;

  left margin: 8px;

  }

  .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

  float: left;

  right margin: 8px;

  }

  .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (inside the .container) if the .footer is removed or put off the .container * /}

  Clear: both;

  height: 0;

  font size: 1px;

  line-height: 0px;

  } #mainmedia {}

  height: 300px;

  Width: 960px;

  float: left;

  }

  {#nav_tier_2}

  height: 60px banner;

  Width: 960px;

  }

  {#lower_nav}

  height: 60px banner;

  Width: 100%;

  float: left;

  }

  {#topnavcontainer}

  list-style-type: none;

  list-style-image: none;

  float: right;

  Width: 500px;

  height: 47px;

  padding-top: 13px;

  }

  #container #header #logo {}

  float: left;

  do-family: Arial, Helvetica, without serif.

  make-weight: normal;

  color: #FFF;

  }

  #topnavlist li {}

  display: inline;

  list-style-type: none;

  padding-right: 20px;

  text-decoration: none;

  }

  }

  #container #middlenavcontainer {}

  float: left;

  height: 100px;

  Width: 960px;

  do-family: Arial, Helvetica, without serif.

  do-size: 12px;

  }

  #container #middlenavcontainer table tr {}

  text-align: center;

  }

  #container #sidebar1 h2 {}

  do-size: 14px;

  line-height: normal;

  margin-bottom: 10px;

  top of the margin: 5px;

  }

  {.leftcolumnnav}

  list-style-type: none;

  Color: #000;

  do-size: 12px;

  }

  {#footernav}

  list-style-type: none;

  do-size: 12px;

  }

  #container #footer. Section p {}

  do-size: 12px;

  }

  {#sidebar2 #rigtnavcontent #container

  height: 160px;

  }

  {#contact_form}

  top of the margin: 20px;

  border: thin solid #000;

  margin-bottom: 0px;

  Width: 420px;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 0px;

  padding-left: 10px;

  height: 600px;

  }

  {.p_content}

  do-size: 14px;

  }

  {content-column

  } {#container #main

  height: 100%;

  overflow: visible;

  }

  Hello

  The 'content' div's style to have 100px in height and visible from overflow. So the text overflows the div, but the footer "ignores" / ignore it is positioned after 'sidebar2 '.

  Change the height of the 'content' to 100% and it should work.

  Kind regards

  Alex

• How can I create CSS for the editable regions in the documents based on templates?

  I created a template in Dreamweaver CS4 by using their set of 3 columns, header and Footer option available. The model works fine in the browser. I inserted an editable region in the empty middle of the model column. I created a new page based on this template and want to be able to format the text that I entered in the editable using CSS. Any time, I try to create a new CSS rule I get the following dialog:

  "This change should change the code which is locked by a model or a translator. The changes will be rejected. »

  Is it possible to create new CSS, which will apply to the information entered in the regions be modified of a document based on a template? Simple step by step instructions would be appreciated.

  Thanks for reading

  Do not know what is the 'id' of the middle column, but you must target the text inside that

  .

  Example:

  {#whatever}

  color: #639;

  do-size: 12px;

  }

  It is better if the text in the middle column is paragraphs and target you them as as follows:

  #whatever p {}

  color: #639;

  do-size: 12px;

  padding: 0 15px 15px 0 / * top, bottom, right, left * /.

  }

  You must make sure that you include the above in the editable page css region and HE MUST come after any link to the style sheet css main.

  If in doubt post the code for the page here and say what you want to be purple and I'll have a look.

  The tip is stop created with the css dialog box in DW, it's a load of bollocks and started writing some simple css directly in the page itself. It is easier and gives you more control than any interface automated half cooked in the oven.

  Start learning some simple css. There is absolutey zillions of resources on the net. A couple of hours well spent and your miles further. If you keep pressing DW to do everything for you, then I'm afraid you'll just be going around in circles.

  Enter the code and don't be afraid of him, take it apart and see how it works. Slowly step by step and little by little you will realize how simple structures are and how simple css really is.

• Cannot change the editable regions-

  Hi people,
  
  I don't even know what to look for, so if this was taken over by all means please tell me here!
  
  Running on OS 10.4.9 DW8. I use templates in the redesign of the customer, and I implemented a region repeated inside a DIV. My problem is that when I change a file having this model, my cursor gives me the 'no sign' (circle with slash) when I fly over this area. I can change it in the Code and split mode, but I can't click the repeat region to add another element.
  
  This happens from time to time and I just did my work in Code view, but this time I need to click on the little sign of the repeat region to add a box in Design view.
  
  Is this a bug? Is there any solution for this?

  Hi Murray,

  I wish it was! Just a simple old DIV for a sidebar. As I was about to demonstrate by copy/paste code here... when I found the problem! I had a few renegade living in the CSS code (margin-bottom:-9999px) and now that happened I can click in the editable again.)

  Thanks Murray! :)

• Difficulty in aligning the editable regions.

  I have a site that has two different regions editable on the page index, unlike the rest which are connected to a model. the problem I have is the two editable regions to automatically be the same height.

  There is a content area of left and right content area. The left content area doesn't have a lot of context in there, however, the right content area only. When I add more content to the content area on the right, it is already programmed automatically adjust the height, as it is the left content area. However, the problem is they essentially link together, so that they are both the same height. rather than having the left side more short and to the right the 'right' length touching the footer. Instead, I find myself with a gap between the left side and the footer. is there a way to "sync" with the right box's left content area content so that they are always the same height?

  Thank you!.. .and sorry if I do not have the correct terminology [I am a little new to this...]

  I'd appreciate any help! I launched the website for a local shop and need to get updated for the big sale of the weekend.

  Thanks again,

  -ali

  If you are using CSS for layouts, it's impossible.  Height of the DIV is determined by the amount of content you put in.  Well as a dysfunctional family, Divs don't talk to everyone, so no column knows that the other is.

  Background image to tones 2 in your wrapper page, and repeat-y (bottom of the page) to simulate the appearance of the columns of the same height.  This is known as Columns of fake.  See the link below for an example.

  http://ALT-Web.com/templates/2-column-fixed-width-template.shtml

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Use DreamWeaver after the editing of pages via another editior

  We had our site developed and used DreamWeaver developer.

  On one of our office system we have Dreamweaver installed and were able to see/Update pages through that.

  Recently, we made changes in Web site by another editor (as we have only 1 license of DreamWeaver).

  When we re - open these pages now with DreamWeaver we don't see as "squares" (special characters) instead of the actual content of the HTML files.

  What should we do in order to be able to use DreamWeaver again on these pages?

  Thank you.

  Dirk.

  The other editing program has probably saved the files in another encoding. Select modify > Page Properties, and then select title / encoding in the dialog box that opens. In the field of coding, select Unicode - UTF-8 and click on reload.

  If this does not resolve the problem, try to Western Europe.

• Disappeared from the editable region

  I can't understand this. I created a template using nested tables. I had many tables available with tables nested inside them. One of the layout tables that I put as an editable disappeared.
  
  It occurred in a document that uses this model. Others who use the same model work very well, and shows in this region. It is only in a single document, it will not be displayed.
  
  When I look at the code, it's still there and I can change it, but it will not be displayed in the design view!
  
  Someone else had this problem? No one knows how to fix? It's driving me absolutely crazy.

  A table is structured as follows-

  
  
  
  
  

  ...

  for example, a pair of table tags which enclose a series of row of the table tags, each of
  tags contan table cells.

  You lost somehow table cell tags, and my change was to put back them
  in. I'll make you understand how this was done by the change, I have recommended.

  In addition, validation would have found this structural problem with your
  page in a Flash...

  --
  Murray - ICQ 71997575
  Adobe Community Expert
  (If you * MUST * write me, don't don't LAUGH when you do!)
  ==================
  http://www.dreamweavermx-templates.com - template Triage!
  http://www.projectseven.com/go - DW FAQs, tutorials & resources
  http://www.dwfaq.com - DW FAQs, tutorials & resources
  http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
  ==================

  "Lemonjenny6" wrote in message
  News:f3q9rd$3NH$1@forums. Macromedia.com...
  > Oh my God that worked! OK so can you explain what I did wrong in the
  > first
  > place? And what did that little average change? Sorry, I know I'm quite
  > novice.
  > but I just want to understand what I have that fixed. :)
  >

• Duplicate the editable regions (DW, CS5)

  Hi, whenever I try and save my file as template an error message appears saying: there is an error on line 165, column 8 (absolute position 6235): duplicate regions editable name 'Document Head. "

  
  Help, please

  Thanks :)

  You get the error message should be translated as follows "Oops - your code is a mess."

  You have twoTags and threeTags and you have a CSS stylesheet embedded between and.

  You have also this code in place - should be deleted.

  Difficulty which validate your page to http://validator.w3.organd while it validates, then you can save it without error.

• Can log in fine, are there of the editable regions, but ice allow me to change!

  Hello

  I'm using version CS4 of ice and DW. I have configured my site properly, and it connects fine. I also created an area of text editable by the ICE and made sure that all the options (fonts, hyperlinks, etc.) have been verified. I have downloaded the page (index.html) and connected and configured everything, then click 'edit page' - of course, my changeable ice is selected, and I can move the cursor inside...

  ... However, I can't edit any text or add hyperlinks and images... the buttons are grayed essentially, and I have no idea why. I am at a loss. Help, please! Thank you

  Nathan

  PS. my site is www.drunknomad.com

  In DW4, select the DIV you want to make editable... then you must select at least one option in the properties and allow it to be editable.

  

  In its current form nw, you have nothing selected. If 'Check you all' it will change the line in your code for:

  Good luck

  -Tom

• I just created my first form and saved as a PDF file. The editable regions have a blue background color and I would like to change that. Can it be done?

  Hi guys I just created my new form and it was very easy. However once I convert it to PDF format the boxes in the form are blue and I would like to change the color. any know if this is possible?

  The blue background is the field pointing out you have the option to turn off. If you don't see the purple bar on top with the toggle button to highlight the fields, it should display by clicking on the icon above (purplish) in the left navigation pane