<body> as Editable Region

R

Robert Hampton

I've manually set my body tag as on editable region in my template:

<!-- #BeginEditable "bodytag" -->
<body id="noconference">
<!-- #EndEditable -->

I have several files that have the <body> tag without an ID but when I
apply the template to all files, the body tag is overwritten in all
files. Any suggestions to prevent this? Thanks.
 
R

Robert Hampton

Murray said:
Nope. What is it you want to change in the body tag?

The ID. I have a css "submenu" that I want to be hidden on files that
have <body id="noconference"> and visible in files with just <body>.
The site is at http://www.fwfministries.org. The stylesheet is
http://www.fwfministries.org/fwfm.css and the menu code is below. I
also have a gap in MSIE where the "submenu" begins whether it is hidden
or visible. Any suggestions on fixing that would also be appreciated.
Thanks again!


<div id="mbutton">
<ul>
<li><a href="index.shtml">FWF Home</a></li>
<li><a href="profile.shtml">The Russos</a></li>
<li><a href="whoweare.shtml>Who We Are</a></li>
<li><a href="faith.shtml">Statement of Faith</a></li>
<li><a href="theneed.shtml">The Need is Great</a></li>
<li><a href="csConferences.shtml">Conferences & Seminars</a><li>

<div id="confnav">
<div id="confnav-noconference">
<ul>
<li><a href="csCommunication.shtml">Communication</a></li>
<li><a href="csEnrichment.shtml">Marriage Enrichment</a></li>
<li><a href="csPreparing.shtml"">Pre-Marriage</a></li>
<li><a href="csRenewedHope.shtml">Renewed Hope</a></li>
</ul>
</div>
</div>

<li><a href="homebuilders.shtml">HomeBuilders</a></li>
<li><a href="newsletters.shtml">Articles</a></li>
<li><a href="concert.shtml">Russo Concert</a></li>
<li><a href="worshipcd.shtml">Russos Music</a></li>
<li><a href="partner.shtml">Become a Partner</a></li>
<li><a href="calendar.shtml">Web Calendar</a></li>
<li><a href="contactus.shtml">Contact Us</a></li>
</ul>
</div>
 
M

Murray

One inelegant yet simple way to solve this would be to embed a stylesheet in
an editable region in the head of the document, and have that stylesheet
explicitly set the display style of the menu, e.g.,

<!-- #BeginEditable "head" -->
<style type="text/css" -->
<!--
#confnav-noconference { display:none; }
-->
</style>
<!-- #EndEditable -->

Since it's in an editable region, it will not be maintained by the template
process, so you will have to manually add it to each existing child page
(after adding the editable region to the template and allowing it to
propagate, of course). Any new child pages spawned from the template would
contain this markup.

On any given child page, you would manually change the value of the display
style from "none" to "block", and there you go....
 
R

Robert Hampton

Murray said:
One inelegant yet simple way to solve this would be to embed a stylesheet in
an editable region in the head of the document, and have that stylesheet
explicitly set the display style of the menu, e.g.,

<!-- #BeginEditable "head" -->
<style type="text/css" -->
<!--
#confnav-noconference { display:none; }
-->
</style>
<!-- #EndEditable -->

Since it's in an editable region, it will not be maintained by the template
process, so you will have to manually add it to each existing child page
(after adding the editable region to the template and allowing it to
propagate, of course). Any new child pages spawned from the template would
contain this markup.

On any given child page, you would manually change the value of the display
style from "none" to "block", and there you go....

Great! It works pretty much as desired now. Thanks, Murray!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top