Editable regions and UL tags

Question

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"><!-- TemplateBeginEditable
name="sideNav" -->
<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>
<!-- TemplateEndEditable -->
<!-- Main title -->
<p class="sidebarTitle">?! Notices !?</p>
<!-- Textbox -->
<div class="sideMssgeBoxCntnr"><!--
TemplateBeginEditable name="leftSideCol" -->
<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>
<!-- TemplateEndEditable --></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.

Answer 1

>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><!-- TemplateBeginEditable name="foo" -->
</div>
<!-- TemplateEndEditable -->
> 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"><!--
TemplateBeginEditable name="sideNav" -->
>
> <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>
>
> <!-- TemplateEndEditable -->
> <!-- Main title -->
> <p class="sidebarTitle">?! Notices !?</p>
> <!-- Textbox -->
> <div class="sideMssgeBoxCntnr"><!--
TemplateBeginEditable
> name="leftSideCol"
> -->
> <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>
> <!-- TemplateEndEditable --></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.
>