Editable Regions and Templates -- Problem in IE

Hello,
I have a template that I use throughout my site. The template
includes
the Spry Menu Bar and three editable regions. The pages all
look great
in Firefox. But in IE6 and IE7, there is a problem--white
space
vanishes and the text is too close to the objects above it.
Specifically, The <h3>Page
Title</h3>appears to close underneath
<td>. It's fine in
Firefox, however.
Any help is greatly appreciated.
Thank you,
=====================
Here's the code.
<style type="text/css">

</style>
</head>
<body text="#333333"
vlink="#333333" alink="#333333"
leftmargin="0"
topmargin="0"
marginwidth="0"
marginheight="0">
<TABLE width="800" border=0
align="center" cellpadding=0 cellspacing=0
bgcolor="#FFFFFF">
<TBODY>
<tr>
<td
width="2%">&nbsp;</td>
<td width="96%"><img
src="../SpryAssets/mainnav_logo.jpg"
/></td>
<td
width="2%">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<h3>Page Title</h3>
</td>

TEST BED:
I shrinked my test site to just 1 photo page with only 3 pictures and I I published it to a folder:
Safari 3.1.1 has no problems
Mozilla Firefox 2.0.0.2 has no problems
Opera 9.5 has no problems
IE 7.0.5730.13 cannot render any picture !!!!
DEEP DIVE:
IE fails and if "notifications" are turned on complains about run time error "Error: Access Denied" on line 504 of a script. I went deeper and using the Microsoft Just in Time Debugging features apparently the offending javascript is "iWeb - iWebSite.js" with an ajaxRequest called "req.open('GET',url,true)"
iWEB on LEOPARD is no better
I booted with an external disk using Leopard and I used iWeb just 1 photos page
no way IE still complains (so far I am using Mac Tiger level)
HOW CAN YOU HELP
To those of you who succeeded with iWeb+IE (and have time to lend) I can send the zipped 2MB actual iWeb "package" named "Domain.site2" used by my iWeb to save the site under editing before any publishing.
you temporarily rename your "Domain.site2" + substitute it with my "Domain.site2" + start iWeb and see if you can publish/see it correctly.
Please send me a private mail if you think you can help.
Seriously thinking of dumping iWeb...
RAN

Similar Messages

How to delete editable regions and template?

Hi everybody,
I posted this question earlier in the web discussions area, being unaware of a forum specific to Dreamweaver. Sorry for posting in two different places.
For the past week, I have been learning Dreamweaver CS4 from an online tutorial. I got to the place where I generated a template (index.dwt) from the main page (index.html) and created some editable regions on it. At that point, I realized that I had done all the steps by rote and did not actually absorb what I was doing. I wanted to delete the template in order to repeat the steps and gain a better understanding of the process. When I tried to delete the editable regions (modify-templates-remove editable regions), I was unable to do so because "remove editable regions" was greyed out. Nor was I able to delete the html code. I tried to delete the template itself, but when I did that, the index.html page retained those editable regions! Can anyone tell me if there is a way to get back to the place I was in before creating the template?
Thank you for any assistance.

All you need to do is detach the index.html file from the template. Then you can delete the template and start all over.
Go to the Modify menu --> Templates --> Detach from Template

When i set page as template, set editable regions and try to view in browser IE 9 a download box com

When I set page as template, set editable regions and try to view in browser IE 9 a download box comes up and when i click open it just opens the file again in DW.

Use the Template to spawn a child page. File > New > Page from Template...
Save the child page as some_file.html and then preview that in your browsers.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

DWCS3 Template Editable Regions and Editable Attributes?

Using DWCS3 / WIN XP
New to DWCS3 and templates AND CSS but I'm managing I
think....
QUESTION:
is there a way to allow the end user to edit the content of
an editable region and also the attributes of the cell in which the
editable region resides?
SITUATION:
I'm building templates for pages (styled with external CSS)
that will be editable by the end user via Contribute. I've put
editable and repeating regions (imgs and navigation menus) in
particular tds and would like the end user to be able to change the
color of the background of the cells in which the editable regions
reside.....
Of course I get "cannot place an editable region inside an
editable region" .......understandable...i've read more than a few
help/tutorial docs......
So I thought that I should click the tag selector for that td
and Make Attribute Editable.....
That's not working either....I know I'm missing something
because I haven't used DW in years and I'm just not getting some
big picture logic......
EXAMPLE: In the .html page attached for viewing, the upper
left image SRC is in an editable region. I would like the
background color of the cell it is in to be editable as well. Same
goes for the background color of the left navigation menu which
resides in a nested table by the way...........but i still want the
color to be editable.....
Thanks so much for any help you can give....
CoCo
PAGE based on Template:
http://www.methods.com/npsbweb/schools/NPSB_school_lev_1.html
CSS and TEMPLATE CODE: BELOW
@charset "utf-8";
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
h1 {
font-size: 16px;
color: #999966;
font-family: "Times New Roman", Times, serif;
h2 {
font-size: 18px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
h3 {
font-size: 14px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
h4 {
font-size: 12pt;
color: #999966;
font-family: "Times New Roman", Times, serif;
text-align: center;
letter-spacing: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
h5 {
font-size: 12px;
color: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333366;
text-align: center;
#tdDivideLineTop {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999966;
height: 2px;
#tdMainImgTop {
text-align: center;
vertical-align: middle;
height: 175px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5AA;
#tdTitleRow {
height: 175px;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
#tdRightLineTop {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CACAFF;
#tdMainNavigation {
display: block;
font-size: 9pt;
background-color: #D5D5AA;
#tdRightNavigation {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #D5D5AA;
background-color: #FFFFFF;
#tdMainNavigation a:link {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:visited {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #999966;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdMainNavigation a:active {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
font-weight: normal;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #D5D5AA;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdRightNavigation a:link {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #333399;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:active {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #666633;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
a {
font-size: 10pt;
color: #333366;
a:visited {
color: #330066;
a:hover {
color: #999966;
a:active {
color: #999900;
body,td,th {
font-size: 10pt;

Using DWCS3 / WIN XP
New to DWCS3 and templates AND CSS but I'm managing I
think....
QUESTION:
is there a way to allow the end user to edit the content of
an editable region and also the attributes of the cell in which the
editable region resides?
SITUATION:
I'm building templates for pages (styled with external CSS)
that will be editable by the end user via Contribute. I've put
editable and repeating regions (imgs and navigation menus) in
particular tds and would like the end user to be able to change the
color of the background of the cells in which the editable regions
reside.....
Of course I get "cannot place an editable region inside an
editable region" .......understandable...i've read more than a few
help/tutorial docs......
So I thought that I should click the tag selector for that td
and Make Attribute Editable.....
That's not working either....I know I'm missing something
because I haven't used DW in years and I'm just not getting some
big picture logic......
EXAMPLE: In the .html page attached for viewing, the upper
left image SRC is in an editable region. I would like the
background color of the cell it is in to be editable as well. Same
goes for the background color of the left navigation menu which
resides in a nested table by the way...........but i still want the
color to be editable.....
Thanks so much for any help you can give....
CoCo
PAGE based on Template:
http://www.methods.com/npsbweb/schools/NPSB_school_lev_1.html
CSS and TEMPLATE CODE: BELOW
@charset "utf-8";
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
h1 {
font-size: 16px;
color: #999966;
font-family: "Times New Roman", Times, serif;
h2 {
font-size: 18px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0px;
h3 {
font-size: 14px;
color: #333366;
font-family: Verdana, Arial, Helvetica, sans-serif;
h4 {
font-size: 12pt;
color: #999966;
font-family: "Times New Roman", Times, serif;
text-align: center;
letter-spacing: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
h5 {
font-size: 12px;
color: #999966;
font-family: Verdana, Arial, Helvetica, sans-serif;
h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333366;
text-align: center;
#tdDivideLineTop {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999966;
height: 2px;
#tdMainImgTop {
text-align: center;
vertical-align: middle;
height: 175px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
background-color: #ffffff;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5AA;
#tdTitleRow {
height: 175px;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D5D5AA;
#tdRightLineTop {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CACAFF;
#tdMainNavigation {
display: block;
font-size: 9pt;
background-color: #D5D5AA;
#tdRightNavigation {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #D5D5AA;
background-color: #FFFFFF;
#tdMainNavigation a:link {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:visited {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
margin: 25px;
padding: 2px;
display: block;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #333366;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
background-color: #FFFFFF;
#tdMainNavigation a:hover {
color: #FFFFFF;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #999966;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdMainNavigation a:active {
color: #333366;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
vertical-align: middle;
display: block;
margin: 25px;
padding: 2px;
font-weight: normal;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #333366;
background-color: #D5D5AA;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333366;
#tdRightNavigation a:link {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #999900;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #333399;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
#tdRightNavigation a:active {
font-family: "Times New Roman", Times, serif;
font-size: 9pt;
font-variant: normal;
color: #666633;
text-decoration: underline;
text-align: center;
display: block;
margin: 0px;
letter-spacing: 1px;
float: none;
line-height: 22px;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
a {
font-size: 10pt;
color: #333366;
a:visited {
color: #330066;
a:hover {
color: #999966;
a:active {
color: #999900;
body,td,th {
font-size: 10pt;

Can't Delete Non-Editable Region in Template?

Well, I can in existing templates but if I create a new one from an existing page using "Save as Template", when I try to delete a non-editable region in the template, DW won't let me. I don't know why. Aaaargh!
It's my understanding I should be able to edit anything in a template. I've tried existing DW and restarting. I've tried using other pages as a basis for the template. Every template I create won't let me delete non-editable regions. I'm highlighting the non-editable region and pressing the delete key. I can't delete.

burro_mail wrote:
Not sure DW is doing what you describe...
But I am certain you could remove the region in code view.
Even if you are a WYSIWYG-er and not a big code-head, it should be pretty easy to remove the region markers and everything between them...
Trust me, it is. I'm wondering if the problem is associated with the fact that the source page that I saved as a template was based on a template? I just noticed that this new template refers to another template. I'm thinking that means the other template is controlling what I'm trying to do in the current template.
That's it. I just tried saving a template under a different name (still retaining the correct template file extension) but did not do the save as template. Now I can completely edit that template. So you if you save a page that is controled by a template, as a template, that new template is controlled by the previous template.
I've got a headache now.

How can we add multiple editable region in template

Hi,
My issue is when I am going to create a new template I want to add multiple editable region in template and I want to use those editable region per page wise so that in page editor I will add different text for each page for those editable region.
I can use incontxt editor to change those area for different pages although is it possible to use online editor to add different text for different pages.
I also have a plan to solve the issue ... that is also not working.
Plan is .. if we can use tag (not the default one in template), want to use different tag like {tag_headding},{tag_sidebarcontent} in template so that we can use those tag in template and fill the field in the page online editor, so when differnt page we will create we will fill those field for those tag and that will show in the front view of the site.
Please help me. I am really stuck on this issue.
Thanks in advance.
Projjwal

Hi Projjwal,
Yes, if you look at many of the commercial BC templates available the way they are getting around it is with Content Holders and multiple templates.
Now I know you will say that multiple templates is high maintenance ..... not if you use Content holders for both recurring content and unique content.
Think of Conent Holders as 'Includes' ... I have been doing it this way with templates that I build from scratch as well. Easier than you think.
And that way the client can change content such as footer information or whatever that appears on all pages without editing the template itself.
Only drawback is that if you are using Design View in Dreamweaver the content holders don't render. But other than that Content Holders are awesome.
Brad

Can't click inside editable region in template based HTML document in CS5

Hi Everyone,
I m having a strange problem in Dreamweaver Cs5. After making the html page based on template, when i am opening the HTML page to edit content in editable region, I couldnot click inside the editable region. I can make changes in code view but not in design view in Dreamweaver Cs5.
Please help if anyone knows the solution. It is really creating a mess for me.
Thanks,
Komal

One of the sites is www.ShelbyVideo.com.
The code for one of the pages is:
<!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" />

<meta name="description" content="SHELBY VIDEO SERVICES: Shelby, NC Video services that are inexpensive, professional, and thorough! Offering corporate and wedding video production services in and around Shelby North Carolina and South Carolina." />
<meta name="keywords" content="shelby video, shelby videographer, shelby videography, shelby nc video, north carolina shelby video, shelby video camera, shelby videos, north carolina videos, nc video, shelbyvideo, shelbyvideo.com, shelby video production, shelby video services, cleveland county video, cleveland county wedding video" />
<title>Shelby Video Production Services: SheblyVideo.com offering videography services in the Carolinas.</title>
<link href="css/main.css" rel="stylesheet" type="text/css" media="projection,screen" />


</head>
<body class="body">
<div id="wrapper">
<div id="header">
    <p><a href="http://www.shelbyvideo.com"><img src="images/shelby-video-logo.jpg" alt="Shelby Video Services" name="weddingVideo" width="216" height="77" border="0" id="weddingVideo" /></a></p>
    <p><a href="index.html">HOME</a>   <a href="shelby-nc-video-services.html">SHELBY VIDEOS</a>   <a href="shelby-video-demos.html">DEMOS</a>   <a href="shelby-video-prices.html">PRICES</a>   <a href="shelby-video-faqs.html">FAQ'S</a>   <a href="shelby-video-north-carolina-reviews-testimonials.html">TESTIMONIES</a>   <a href="shelby-video.html">BOOK US</a></p>
</div>
<div id="mainContent"><br />
    <h1>ShelbyVideo.com</h1>
    <div id="carolinaWeddingVideoDiv">
      <object width="300" height="182">
          <param name="movie" value="http://www.youtube.com/v/QUSnPSLdnG0&hl=en&fs=1&" />
          </param>
          <param name="allowFullScreen" value="true" />
          </param>
          <param name="allowscriptaccess" value="always" />
          </param>
          <embed src="http://www.youtube.com/v/QUSnPSLdnG0&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="182"></embed>
      </object>
    Shelby Video Demo</div>    <p> </p>
    <p>Welcome to Shelby Video Services. We have been producing videos in Shelby North Carolina and South Carolina since 2004. </p>
    <p> </p>
    <p>Your video will be professional and comprehensive. We will beautifully cover your video production in a way that will propell your business into your market and/or enable you to relive your special event over and over and enjoy sharing with others.</p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<div id="footer">© <a href="index.html">Shelby Video Services</a><br />
<a href="shelby-nc-video-services.html">shelby nc video services</a> | <a href="shelby-video.html">start here</a> | <a href="shelby-video-demos.html">demos</a> | <a href="links.html">links</a> | <a href="sitemap.html">site map</a> | <a href="shelby-video.html">contact</a> | <a href="shelby-video-north-carolina-reviews-testimonials.html">testimonials</a></div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9484651-2");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Because I didn't create the code, rather it was dreamweaver, i believed that DW is obviously broken. Because I have a bunch of sites I made in earlier versions and when I start using a newer versions, CS5, I now can't access the editable region in any of them it seems DW is broken. So, I didn't think the code was necessary. I thought it was something that others have already experienced and resolved. However, that doesn't seem to be the case. Thanks though for helping with what appears to be broken. Hopefully it's an easy fix because there's other sites I have that this annoyance is plaguing me...

Child pages inheriting editable regions from template

I have looked far and wide and cannot find an answer to this problem:
We recently did a homepage update where the nested and/or second level template (index_template.dwt) was changed. Since much of the formatting was the same - I duplicated the original index_template and made all necessary changes. From this template two child pages were created for our US and UK site. Upon creating the page(s) from the index_template they are inheriting the editable regions, thus not having the ability to update when changes are being made to the template. I have tried multiple ways in an attempt to correct this - but to no avail. Does anyone have a clue how to correct this? As of now I have to manually update all 3 pages.
BTW I am also a relatively new user who was thrown into managing our company website and pretty much doing a redo on the whole thing. Talk about a learning experience!

My issue is when you create a page from a template they are not supposed to inherit the editable regions less otherwise marked.
But that is not true. A newly created child page will inherit ALL content from its template. But changes to the editable region contents in the template will NOT propagate to existing child pages.
So, for example, if I want all child pages to have an embedded stylesheet in the head that is EDITABLE, my template would look like this -

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

All newly created child pages will then look like this -

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

If I then go back to the template and change it like this -

<style type="text/css">
body { margin:0; }
</style>

that change will NOT propagate to existing child pages, but WILL appear in child pages created subsequently to the save of the template after the change.
And by the way, it's always been this way.

Editable regions and flash videos

Okay so im creating a new website and I have already got
stuck with something. The problem is rather annoying, I could first
easily insert flash videos to my website before I turned it into a
template, but I have now turned my pages into a template as im
creating a site with lots of videos on different pages. Thing is, I
have an 'editable region' in the middle section, and because of
that I cannot add videos to either my template file (.DWT) or my
other html files. It says I need to change code in the original
template to continue. Please help and thanks for reading!

> It
> says I need to change code in the original template to
continue.
url to the page please??
tip: if inserting into a locked area of the template, if it's
dw 8.03 or
CS3, you need to insert the flash with a site root relative
path, so that
the paths come out right in the child pages.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Spry Validation within Editable Region of Template

Hello all,
Spry Validation Field is not working on this page where the
code is within an editable region of a template based page:
http://www.nprducati.com/newsite/service.html
The same exact code works on a "normal" HTML page.
Anyone else encounter this or has any ideas why it's failing?
Rich

Spry validation would not be affected by being located within
a template
editable region, since editable regions are only indicated by
the use of
HTML comment tags, i.e., meaningless to a browser.
Most likely the problem is the link here -
<script src="SpryAssets/SpryValidationTextField.js"
type="text/javascript"></script>
It appears that you have not made the link properly in the
Template file,
since the corresponding link for the menu is this -
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
You might also want to take care of these errors -
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nprducati.com%2Fnewsite%2Fser vice.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Multistrada1100" <[email protected]> wrote
in message
news:flegqo$h60$[email protected]..
> Hello all,
>
> Spry Validation Field is not working on this page where
the code is within
> an
> editable region of a template based page:
>
>
http://www.nprducati.com/newsite/service.html
>
> The same exact code works on a "normal" HTML page.
>
> Anyone else encounter this or has any ideas why it's
failing?
>
> Rich
>

Editable regions and Flash movie

Hi,
I am trying to insert a flash movie into an editable region
of a child page, but I keep getting the following error: "Making
this change would require changing code that is locked by a
template or translator. The change will be discarded."
I have read previous posts about the same issue, but none of
them answers my question. I tried creating a new template and a
child from it as a test deleting the css links (like some one
suggested to do) to try to identify the troubled css and I kept
getting the same error in the new pages. I hope someone can help to
identify the issue and the solution. The region where I want to
insert the movie is called "FinalMainContent."
BTW, I do not know how to write code... Sorry!
Thanks, in advance, for any help you can provide!
Here is the code:
<!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>

<title>TotusMundus - Video/Film</title>

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

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

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

<script language="JavaScript1.2"
type="text/javascript">

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

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

<tr>
<td><img src="Images/spacer.gif" width="116"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="8"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="182"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="109"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="102"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="180"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="7"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="96"
height="1" border="0" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="1" border="0" alt="" /></td>
</tr>
<tr>
<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></td>
<td><img name="MusicTitle"
src="Images/MusicTitle.jpg" width="96" height="74" border="0"
id="MusicTitle" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="74" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><a href="javascript:;"
onmouseout="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></td>
<td><img src="Images/spacer.gif" width="1"
height="26" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="7"><img name="CushionforPath"
src="Images/CushionforPath.jpg" width="704" height="13" border="0"
id="CushionforPath" alt="" /></td>
<td><img src="Images/spacer.gif" width="1"
height="13" border="0" alt="" /></td>
</tr>
<tr>

Can you upload the page and just post a link to it?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
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
==================
"TheUniverse" <[email protected]> wrote in
message
news:[email protected]...
> 3rd part of the code:
>
> <td><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('StarBtn','','Images/StarBtn_f2.jpg',1);"><img
> name="StarBtn" src="Images/StarBtn.jpg" width="96"
height="82" border="0"
> id="StarBtn" alt="" /></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="82" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td><a href="javascript:;"
onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('DoubleSquigliBtn','','Images/DoubleSquigliBtn_f2.jpg'
> ,1);"><img name="DoubleSquigliBtn"
src="Images/DoubleSquigliBtn.jpg"
> width="96"
> height="127" border="0" id="DoubleSquigliBtn" alt=""
/></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="127" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td rowspan="5"><a href="javascript:;"
> onmouseout="MM_swapImgRestore();"
>
onmouseover="MM_swapImage('BigFlowerBtna','','Images/BigFlowerBtna_f2.jpg',1);">
> <img name="BigFlowerBtna"
src="Images/BigFlowerBtna.jpg" width="96"
> height="107" border="0" id="BigFlowerBtna" alt=""
/></a></td>
> <td><img src="Images/spacer.gif" width="1"
height="32" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="6"><img
> name="BotBox" src="Images/BotBox.jpg" width="588"
height="8" border="0"
> id="BotBox" alt="" /></td>
> <td><img src="Images/spacer.gif" width="1"
height="8" border="0" alt=""
> /></td>
> </tr>
> <tr>
> <td rowspan="3" align="center" valign="middle"
> class="LeftBtn">
> <script type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=7,0,19,0','width','32','height','32','title','RotWorld','src','../Media/
> RotWorld','quality','high','pluginspage','
http://www.macromedia.com/go/getflashp
> layer','movie','../Media/RotWorld' ); //end AC code
> </script>
> <noscript>
> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,19,0" width="32" height="32"
title="RotWorld">
> <param name="movie" value="Media/RotWorld.swf" />
> <param name="quality" value="high" />
> <embed src="Media/RotWorld.swf" quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" width="32"
height="32"></embed>
> </object>
> </noscript>
> </td>
> <td rowspan="2" colspan="2"
> valign="top" class="Print">Print
Document</td>
> <td><a
> href="MedProdAbout.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('PrevBtn','','Images/PrevBtn_f2.jpg',1)"><img
> name="PrevBtn" src="Images/PrevBtn.jpg" width="109"
height="31" border="0"
> id="PrevBtn" alt="" /></a></td>
> <td><a
> href="MedProdPhoto.htm"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('NextBtn','','Images/NextBtn_f2.jpg',1)"><img
> name="NextBtn" src="Images/NextBtn.jpg" width="102"
height="31" border="0"
> id="NextBtn" alt="" /></a></td>
> <td rowspan="2" colspan="2"
> valign="top"> <p
> class="Search"
> style="margin:0px"><a
href="Search.htm">Search</a></p></td>
> <td><img src="Images/spacer.gif" width="1"
height="30" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="2"><img name="BotExtra2"
src="Images/BotExtra2.jpg"
> width="211" height="16" border="0" id="BotExtra2" alt=""
/></td>
> <td><img src="Images/spacer.gif" width="1"
height="16" border="0"
> alt=""
> /></td>
> </tr>
> <tr>
> <td colspan="6"
> class="CopyRightText">© 2006 - 2004
TotusMundus.org - all rights
> reserved</td>
> <td><img src="Images/spacer.gif" width="1"
height="21" border="0"
> alt=""
> /></td>
> </tr>
> </table>
> </body>
> </html>
>

Help with Editable Regions and Image Swap

I need some assistance for a project I am working on, and I don't know a short way to describe. Hang with me, here it goes....
I am working with the sites 'Navigation' links. I want to use a MouseOver behavior so that the image swaps when moused over. I want the MousedOver image to remain when you are on that page. I can manually make this happen, but I am running into difficulty because I want the Navigation to be located in an un-editable region so when I add new pages, the entire site will update as I make changes to the template.
I don't know how to create this effect without manually swapping all the images via behaviors on each and every page, and when I need to do these edits, the region needs to be in an UnEditable region so that the template will update all the pages.
I guess the question is, how can I customize images from page to page in an Un-Editable region in a Template driven page?
Thanks.

Image swaps are clumsy for navigation because you have to re-craft your menus every time you edit your site. This gets very old in a hurry.
CSS styled menus are not only easier to maintain in DW they are web friendly for all devices -- especially Smartphones who may have images disabled to save on bandwidth charges.
DW comes with Spry Menus which you can customize with CSS
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
Additionally, there are some excellent DW extensions you can use to build professional looking CSS menus in seconds.
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Editable regions in templates. How do I edit the CSS in a new page from the template?

I am new to Dreamweaver and Web design. I have made a template and have two editable regions they work fine. When I create a page from this template, I can't edit the CSS. What do I need to do to edit the div tags that are specific to the editable regions? Thank you, I appreciate any help I am just about to give up with templates.

Hi, thank you here is my code. Maybe I am trying to do too much advanced stuff to soon!
<!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" />

<title>Untitled Document</title>

<link href="file:///C|/Users/Roxane/Desktop/Brown County Indiana/images/favicon.ico" rel="shortcut icon"/>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="file:///C|/Users/Roxane/Desktop/brown county indiana/scripts/automanualslideshow.js"></script>
</script>

<style type="text/css">
#container {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
#header {
    height: 80px;
    width: 100%;
    background-color: #222;/*Some browsers will not recognize RGBA colors*/
    background-color: rgba(0,0,0,0.6);/*RGBA fourth value for opacity, if there are two rules that apply to the same element, the latter of the two takes priority.*/
.jld_logo {
    float: left;
    padding-left: 70px;
    display: block;
    padding-top: 10px;
#navigation {
    height: 27px;
    width: 100%;
    background-color: #C00;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    left: 0px;
    color: #FFF;
    background: rgb(192,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(192,0,0,1) 0%, rgba(144,0,0,1) 51%, rgba(144,0,0,1) 56%, rgba(192,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,0,0,1)), color-stop(51%,rgba(144,0,0,1)), color-stop(56%,rgba(144,0,0,1)), color-stop(100%,rgba(192,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(192,0,0,1) 0%,rgba(144,0,0,1) 51%,rgba(144,0,0,1) 56%,rgba(192,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00000', endColorstr='#c00000',GradientType=0 ); /* IE6-9 */
#sideleft {
    float: left;
    width: 19.0%;
    font-family: eurofurence, "Tekton Pro", Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background-color: #222;/*Some browsers will not recognize RGBA colors*/
    background-color: rgba(0,0,0,0.6);/*RGBA fourth value for opacity, if there are two rules that apply to the same element, the latter of the two takes priority.*/
    text-align: center;
    height: 300px;
    border-radius: 10px;
    border:1px solid #888;
    padding-top: 0px;
    margin-top: 25px;
.mywork {
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #C00;
    text-align: center;
    line-height: 60px;
.categoriessmall {
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #FFF;
    text-align: left;
    display: block;
    margin-left: 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C00;
    margin-right: 10px;
.sideleft-text {
    padding-top: 75px;
a.sideleft, a.sideleft:link, a.sideleft:visited {
    display:block;
    margin-top:4px;
    text-align:left;
    text-decoration:none;
    font-family:eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size:14px;
    color:#FFF;
    line-height:20px;
    overflow:hidden;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-left: 15px;
    white-space: nowrap;
a.sideleft:hover {
    color:#999;
a.sideleft:active {
    color:#C00;
#mainright {
    float: right;
    width: 75.5%;
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    color: #FFF;
    text-decoration: none;
    height: 700px;
    text-align: left;
    background-color: #000000;/*Some browsers will not recognize RGBA colors*/
    background-color: rgba(0,0,0,0.6);
    margin-left: 0px;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    border:1px solid #888;
    z-index: -3;
    padding: 0px;
.categories {
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #808080;
    text-decoration: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #C00;
    float: none;
    position: relative;
    clear: none;
    left: 0px;
    z-index: auto;
    margin-right: 50px;
    margin-left: 20px;
.img
    height:auto;
    width:auto;
    float:left;
    text-align:center;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #FFF;
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 18px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
.img img
    display:inline;
    margin:10px;
    border:1px solid #333;
.img a:hover img
    border:1px solid #900;
.image desc
    text-align:center;
    font-weight:normal;
    width:120px;
    margin:2px;
    font-family: eurofurence, "eurofurence light", tahoma, sans-serif;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
#footer {
    clear: both;
    width: 100%;
    font-family: eurofurence, "Tekton Pro", Tahoma, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    margin-left: 0px;
    color: #FFF;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-left: 10%;
    padding-right: 15px;
body {
    background-image: url(../images/background_large.jpg);
</style>
</script>
<script src="../spryassets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../spryassets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../styles/automanualslideshow.css" rel="stylesheet" type="text/css" />


</head>
<body>
<div id="container">
<div id="header">
<div class="jld_logo">
<a href="file:///C|/Users/Roxane/Desktop/index.html">
<img src="../images/jeff_danielson_logo_reverse.png" alt="Jeff Danielson logo" name="jld_logo" width="60" height="60" id="jld_logo" longdesc="images/jeff_danielson_logo_reverse.png" />
    </a>
</div></div>
<div id="navigation">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Home</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">About Jeff</a>
        <ul>
          <li><a href="#">Biography</a></li>
          <li><a href="#">News</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">My Work</a>
        <ul>
          <li><a href="file:///C|/Users/Roxane/Desktop/recent_photographs.html">Recent Photographs</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/flowers_leaves_moss.html">Flowers/Leaves/Moss</a></ li>
        <li><a href="file:///C|/Users/Roxane/Desktop/forests_trees_valleys.html">Forests/Trees/Valleys</ a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/deer_dogs_creatures.html">Deer/Dogs/Creatures</a></ li>
        <li><a href="file:///C|/Users/Roxane/Desktop/lakes_rivers_streams.html">Lakes/Rivers/Streams</a> </li>
        <li><a href="file:///C|/Users/Roxane/Desktop/clouds_skis_fog.html">Clouds/Skies/Fog</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/birds_butterflys_insects.html">Birds/Butterflys/Ins ects</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/panoramas.html">Panoramas</a></li>
        <li><a href="file:///C|/Users/Roxane/Desktop/fall_winter_spring_summer.html">Fall/Winter/Spring/ Summer</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Pricing</a>
        <ul>
          <li><a href="#url">Size</a></li>
        <li><a href="#url">Mats</a></li>
        <li><a href="#url">Frames</a></li>
        <li><a href="#url">Frames & Mats</a></li>
        </ul>
      </li>
      <li><a href="#">Contact</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Runciple Spoon</a>
        <ul>
          <li><a href="#">The 1970's</a></li>
          <li><a href="#">The 1980's</a></li>
          <li><a href="#">The 1990's</a></li>
          <li><a href="#">The 2000's</a></li>
        </ul>
      </li>
    </ul>
</div>

<div id="sideleft"> <span class="mywork">My Work</span> <span class="categoriessmall">Categories</span> <a class="sideleft" href="../recent_photographs.html" title="">Recent Photographs</a> <a class="sideleft" href="../flowers_leaves_moss.html" title="Flowers/Leaves/Moss">Flowers/Leaves/Moss</a> <a class="sideleft" href="../Forests/Trees/Valleys.html" title="Forests/Trees/Valleys">Forests/Trees/Valleys</a> <a class="sideleft" href="../Deer/Dogs/Creatures.html" title="Deer/Dogs/Creatures">Deer/Dogs/Creatures</a> <a class="sideleft" href="../Lakes/Rivers/Streams.html" title="Lakes/Rivers/Streams">Lakes/Rivers/Streams</a> <a class="sideleft" href="../Clouds/Skies/Fog.html" title="Clouds/Skies/Fog">Clouds/Skies/Fog</a> <a class="sideleft" href="../Birds/Butterflys/Insects.html" title="Birds/Butterflys/Insects">Birds/Butterflys/Insects</a> <a class="sideleft" href="../Panoramas.html" title="Panoramas">Panoramas</a> <a class="sideleft" href="../Fall/Winter/Spring/Summer.html" title="Fall/Winter/Spring/Summer">Fall/Winter/Spring/Summer</a></div>

<div id="mainright"></div>

<div id="footer">
© 2012 Jeff Danielson Brown County Indiana Photography</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Editable regions and UL tags

I notice that D8 design view can corrupt the view of a page
element if an editable region is included. I.e.
<div class="leftsideCol">
<ul>
<li class="title">In-Page links</li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
<li><a href="#">Navigation
Title</a></li>
</ul>


<p class="sidebarTitle">?! Notices !?</p>

<div class="sideMssgeBoxCntnr">
<p class="sideMessageTitleBkgrndYel">Subject
Title</p>
<p class="sideMessageBoxText">Put your message here. Be
succinct to avoid overcrowding the sidebar. Here is a <a
href="#">link</a> which can be removed by normal text
delete.</p>
</div>
</div>
The first region statements corrupt the view (remove them and
all displays correctly). This does not affect the final page.
If I try to solve this by putting the region just inside the
UL and /UL tags the design view is good. BUT the resulting page has
an extra UL opening tag. Why is this, it upsets the styling?
Where can I find a definitive set of rules for putting
regions around tags other than <p> which seems to work OK? I
want to make a set of LIs editable and be able to add another LI to
the list.

>I notice that D8 design view can corrupt the view of a
page element if an
> editable region is included.
There must be something else going on. Your posted code would
be quite
normal. Why not upload this page and post a link to it so I
can see the
whole picture, please.
> Where can I find a definitive set of rules for putting
regions around
> tags
> other than <p> which seems to work OK? I want to
make a set of LIs
> editable and
> be able to add another LI to the list.
The regions must be properly nested. That's about it. In
other words, you
could not have this -
<div>
</div>

> I want to make a set of LIs editable and
> be able to add another LI to the list.
Exactly what you have would do that.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
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
==================
"ROGM" <[email protected]> wrote in message
news:[email protected]...
>I notice that D8 design view can corrupt the view of a
page element if an
> editable region is included. I.e.
>
> <div class="leftsideCol">
>
> <li class="title">In-Page links</li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
<a href="#">Navigation Title</a></li>
>
> 
> 
> <p class="sidebarTitle">?! Notices !?</p>
> 
> <div class="sideMssgeBoxCntnr">
> <p class="sideMessageTitleBkgrndYel">Subject
Title</p>
> <p class="sideMessageBoxText">Put your message
here. Be succinct to avoid
> overcrowding the sidebar. Here is a <a
href="#">link</a> which can be
> removed
> by normal text delete.</p>
> </div>
> </div>
>
> The first region statements corrupt the view (remove
them and all displays
> correctly). This does not affect the final page.
>
> If I try to solve this by putting the region just inside
the UL and /UL
> tags
> the design view is good. BUT the resulting page has an
extra UL opening
> tag.
> Why is this, it upsets the styling?
>
> Where can I find a definitive set of rules for putting
regions around
> tags
> other than <p> which seems to work OK? I want to
make a set of LIs
> editable and
> be able to add another LI to the list.
>

Remove editable region *and* propagate?

Hi all,
I have an editable region in a template which I would like to
make uneditable. I can remove it in the template, but the change
does not seem to propagate to the child pages. In other words, the
region is still editable on the child pages after I apply the
changed template. Is there a way to do this or am I outta luck
here?
Thanks!

Removing the editable region markup should certainly render
that region
uneditable in the child pages. Something is preventing that
from happening.
Can you show me the child page after removing the markup and
tell me which
region you are deleting?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
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
==================
"idRatherBeOutside" <[email protected]>
wrote in message
news:e4e3s6$j23$[email protected]..
> Hi all,
>
> I have an editable region in a template which I would
like to make
> uneditable.
> I can remove it in the template, but the change does not
seem to propagate
> to
> the child pages. In other words, the region is still
editable on the
> child
> pages after I apply the changed template. Is there a way
to do this or am
> I
> outta luck here?
>
> Thanks!
>

Editable Regions and Templates -- Problem in IE

Similar Messages

Maybe you are looking for