Current link status within sidebar editable region library item
Hello,
I have looked all around and am still at a loss on how to address this issue. I would like the current page to be highlighted white when it is clicked on, although I am having no success. The user should see the "Into" link in white on this link: http://www2.biochem.wisc.edu/projectcrystal/la-Introduction-to-basic-chemistry.html
Thanks from a Dw beginner,
Dan
And, here is the code for this page:
<!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"><!-- InstanceBegin template="/Templates/design_main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" --><title>Project CRYSTAL: Crystallographers Researching with Young Scientists: Teaching and Learning</title>
<script src="/projectcrystal/Scripts/swfobject_modified.js" type="text/javascript"></script>
<!-- InstanceEndEditable -->
<link href="/projectcrystal/style.css" rel="stylesheet" type="text/css">
<!--[if lte IE 6]>
<script type="text/javascript" src="supersleight/supersleight-min.js"></script>
<![endif]-->
<!-- InstanceParam name="class" type="text" value="" -->
<!-- InstanceParam name="home" type="text" value="" -->
<!-- InstanceParam name="LearnAlong" type="text" value="" -->
<!-- InstanceParam name="modules" type="text" value="" -->
<!-- InstanceParam name="TheHoldenLab" type="text" value="" -->
<!-- InstanceParam name="contactus" type="text" value="" -->
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
<link href="/projectcrystal/Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script src="/projectcrystal/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="/projectcrystal/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="/projectcrystal/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="/projectcrystal/Spry-UI-1.7/includes/SpryMenu.js" type="text/javascript"></script>
<script src="/projectcrystal/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin .js" type="text/javascript"></script>
<script src="/projectcrystal/Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin .js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
background-color:#cccccc;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: normal;
font-size: 16px;
font-style: normal;
padding:0;
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
width: 100%;
float: left;
color: #000;
text-align: left;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
background-color:#cccccc;
padding-top: 0px;
padding-right: 22px;
padding-bottom: 0px;
padding-left: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #000;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#000;
background-color:#cccccc;
width: 10em;
width:auto;
padding-top: 6px;
padding-right: 15px;
padding-bottom: 6px;
padding-left: 30px;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
font-style: normal;
background-color:#ffffff;
padding:0px 2px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
color: #000;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#ffffff;
color:#000;
padding: 6px 12px 6px 5px;
width: 7em;
width:auto;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #999;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
color: #FFF;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #999999; /* consider exposing this prop separately*/
color: #FFF;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: #999999;
color: #FFF;
#MenuBar .SubMenu .MenuItemHover {
background-color: #999;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #999;
color: #FFF;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color: #ffffff;
min-width:100%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #ffffff;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #999999; /* consider exposing this prop separately*/
color: #000000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #cccccc; /* consider exposing this prop separately*/
color: #333333;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
a:active {
color: #FFF;
text-decoration: underline;
a:hover {
color: #FFF;
text-decoration: underline;
h4 {
color: #3E8012;
font-size: 35px;
background-image: url(/projectcrystal/check-icon-for-h4-heading.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 70px;
a:visited {
color: #23998C;
text-decoration: underline;
a:link {
text-decoration: underline;
</style>
<script type="text/xml">
<!--
<oa:widgets>
<oa:widget wid="2141544" binding="#MenuBar" />
</oa:widgets>
-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div id="wrapper">
<div id="header"><a href="/projectcrystal/index.html"><img src="/projectcrystal/Local Site Folder/Images/header_logo_nsf_final.jpg" width="83" height="95" alt="project CRYSTAL logo">
<h1>Project CRYSTAL</h1>
<h2>Crystallographers Researching with Young Scientists: Teaching And Learning</h2></a>
</div>
<!--End header-->
<ul id="MenuBar">
<li> <span class="MenuBar"><a href="/projectcrystal/index.html" class="MenuBar">HOME</a></span></li>
<li><a href="/projectcrystal/learn-along-with-young-scientists.html" class="MenuBar">LEARN ALONG WITH YOUNG SCIENTISTS</a>
<ul>
<li><a href="/projectcrystal/la-Introduction-to-basic-chemistry.html">Introduction into Basic Chemistry</a></li>
<li><a href="/projectcrystal/la-the-structures-of-atoms.html">The Structures of Atoms</a></li>
<li><a href="/projectcrystal/la-dna-part-one-properties-and-structures.html">DNA Part One: Properties and Structure</a></li>
<li><a href="/projectcrystal/la-dna-part-two-replication.html">DNA Part Two: Replication</a></li>
<li><a href="/projectcrystal/la-dna-part-three-transcription-translation-and-protein-structure.h tml">DNA Part Three: Transcription, Translation and Protein Structure</a></li>
</ul>
</li>
<li><a href="/projectcrystal/modules.html" class="MenuBar">MODULES</a>
<ul>
<li><a href="/projectcrystal/m-cos-home.html">The Chemistry of Sugars</a>
<ul>
<li><a href="/projectcrystal/m-cos-atomsandmatter.html" class="MenuBar">Atoms and Matter</a></li>
<li><a href="/projectcrystal/m-cos-theperiodictable.html" class="MenuBar">The Periodic Table</a></li>
<li><a href="/projectcrystal/m-cos-bonding.html" class="MenuBar">Bonding</a></li>
<li><a href="/projectcrystal/m-cos-importanceofsugars.html" class="MenuBar">Importance of Sugars</a></li>
<li><a href="/projectcrystal/m-cos-foodandnutrition.html" class="MenuBar">Food and Nutrition</a></li>
<li><a href="/projectcrystal/m-cos-unusualsugars.html" class="MenuBar">Unusual Sugars</a></li>
<li><a href="/projectcrystal/m-cos-modeling.html" class="MenuBar">Modeling</a></li>
</ul>
</li>
<li><a href="/projectcrystal/m-cof-home.html">The Chemistry of Fats</a>
<ul>
<li><a href="/projectcrystal/m-cof-atomsandmatter.html" class="MenuBar">Atoms and Matter</a></li>
<li><a href="/projectcrystal/m-cof-theperiodictable.html"class="MenuBar">The Periodic Table</a></li>
<li><a href="/projectcrystal/m-cof-bonding.html" class="MenuBar">Bonding</a></li>
<li><a href="/projectcrystal/m-cof-typesof_fats.html" class="MenuBar">Types of Fats</a></li>
<li><a href="/projectcrystal/m-cof-steroids.html" class="MenuBar">Steroids</a></li>
<li><a href="/projectcrystal/m-cof-cholesterol.html" class="MenuBar">Cholesterol</a></li>
<li><a href="/projectcrystal/m-cof-importanceof_fats.html" class="MenuBar">Importance of Fats</a></li>
<li><a href="/projectcrystal/m-cof-thecellmembrane.html" class="MenuBar">The Cell Membrane</a></li>
</ul>
</li>
<li><a href="/projectcrystal/m-cop-home.html">The Chemistry of Proteins</a>
<ul>
<li><a href="/projectcrystal/m-cop-atomsandmatter.html"class="MenuBar">Atoms and Matter</a></li>
<li><a href="/projectcrystal/m-cop-theperiodictable.html" class="MenuBar">The Periodic Table</a></li>
<li><a href="/projectcrystal/m-cop-bonding.html"class="MenuBar">Bonding</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/projectcrystal/holdenlab-home.html" class="MenuBar">HOLDEN LAB</a>
<ul>
<li><a href="/projectcrystal/hl-newsworthy.html">Newsworthy</a></li>
<li><a href="/projectcrystal/hl-xraycrystallography.html">X-ray Crystallography</a></li>
<li><a href="/projectcrystal/hl-sugarchemistry.html">Sugar Chemistry</a></li>
<li><a href="/projectcrystal/hl-labmembers.html">Lab Members</a>
<ul>
<li><a href="/projectcrystal/hl-lm-graduatestudents.html">Graduate Students</a></li>
<li><a href="/projectcrystal/hl-lm-highschoolinterns.html">High School Interns</a></li>
<li><a href="/projectcrystal/hl-lm-projectcrystal.html">Project CRYSTAL</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="/projectcrystal/contactus.html" class="MenuBar">CONTACT</a></li>
</ul>
<ul>
<ul>
<ul>
<ul>
</ul>
</ul>
</ul>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
widgetID: "MenuBar",
widgetClass: "MenuBar MenuBarLeftShrink",
insertMenuBarBreak: true,
mainMenuShowDelay: 100,
mainMenuHideDelay: 200,
subMenuShowDelay: 200,
subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
<div id="sidebar">
<div class="top"></div>
<div class="content"> <!-- InstanceBeginEditable name="sidebarcontent" --><!-- #BeginLibraryItem "/Library/learn along.lbi" -->
<style type="text/css">
a:link {
color: #23998C;
a:visited {
color: #23998C;
a:hover {
color: #FFF;
</style>
<h1>Learn Along Lessons</h1>
<p><a href="/projectcrystal/la-Introduction-to-basic-chemistry.html">Introduction to Basic Chemistry</a></p>
<p><a href="/projectcrystal/la-the-structures-of-atoms.html">The Structures of Atoms</a></p>
<p><a href="/projectcrystal/la-dna-part-one-properties-and-structures.html">DNA Part One: Properties and Structures</a></p>
<p><a href="/projectcrystal/la-dna-part-two-replication.html">DNA Part Two: Replication</a></p>
<p><a href="/projectcrystal/la-dna-part-three-transcription-translation-and-protein-structure.h tml">DNA Part Three: Transcription, Translation and Protein Structure</a></p>
<!-- #EndLibraryItem --><!-- InstanceEndEditable --></div>
<div class="bottom"></div>
</div><!--End sidebar-->
<div id="main">
<div class="top"></div>
<div class="content">
<!-- InstanceBeginEditable name="maincontent" -->
<h1>Learn Along</h1>
<h2>Introduction to Basic Chemistry</h2>
<p>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="500">
<param name="movie" value="/projectcrystal/LA_Introduction_to_Basic_Chemistry.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="/projectcrystal/Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="/projectcrystal/LA_Introduction_to_Basic_Chemistry.swf" width="700" height="500">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="/projectcrystal/Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
<!-- InstanceEndEditable --></div>
<div class="bottom"></div>
</div><!--End main--><div id="pulldown"></div>
</div><!--End wrapper-->
<div id="footer">
<p>Copyright © 2011 The Board of Regents of the University of Wisconsin System<br>
Last updated:<!-- InstanceBeginEditable name="updated" -->
<!-- #BeginDate format:Am1 -->July 26, 2011<!-- #EndDate -->
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
<!-- InstanceEndEditable --><br>
Feedback, questions, or accessibility issues: [email protected]<br>
</p>
</div>
<!--End footer -->
</body>
<!-- InstanceEnd -->
I would like the current page to be highlighted white when it is clicked on,
Here's one method
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Similar Messages
-
HOW TO LINK PAGE IN TEMPLATE EDITABLE REGION
Hi to all friends out there .I am new to this .I want to know how to link existing page or link in editable region of template.Please guide me.
My template is ready but i do not know how to link existing pages in editable region of template.
Every help is appreciated.if code also you can show me than it will be helpfull.
Thanks in advance.Editable regions are for content that will change from page to page.
Anything outside the editable regions will appear in all pages spawned from the Template. This gives your site a consistent look.
Ideally, you want to put common menus, headers, footers and sidebars into NON-EDITABLE regions, right?
Open main Template (.dwt) file.
Highlight menu item.
On the properties panel there is a link field with a small folder icon next to it.
Click the folder icon and browse to the site page. Click OK.
Repeat with additional links. Save your main Template.dwt file and populate changes to child pages.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Ok. so I am getting pretty frustrated. I take the time to learn how to use CSS and to create a template page for a Contractor Site (www.ContractorInsurance.net). The idea is to create a page that I can use for different classes of Contractors...right?
Then I get all happy about being able to insert ToolTip onto pages to help the user. Great!
LIfe to turn to Sorrow after nearly five hours of searching for a "eeking" answer.
So what good does it do to have an Editable region to update if we cannot have the flexibility to insert a tool tip on child pages? Ok so the fast solution is to what... Have a question mark image, insert another apDiv, name it toolTip_Not and provide it with a show=hide behavior?
RRRRRrrr...
This really sucks not being able to find a solution within a reasonable amount of time.I have tried thank you. However...it is still not working.
www.ContractorInsurance.net/course_of_construction.php
The error message is "Making this change would require code that is locked by a template translator"
Re: Spry tool tip does not work in template or child pages within an editable region. Why not?
created by altruistic gramps in Spry Framework for Ajax - View the full discussion
If you have a look at the following simple document with a tooltipTooltip trigger goes here.
Tooltip content goes here.
you will notice that a couple of lines have been placed in the HEAD section of the document. When using DW templates, the HEAD section is usually not editable, hence the error mesaage. By default, your template should have an editable region in it just before the closing tag. It looks like this: <!-- TemplateBeginEditable name="head" > <! TemplateEndEditable --> Dreamweaver should be able to find that editable region and insert the
<script> tag there automatically. Because you don't have an editable region like that in the <head>, open the master template, and paste the code above just before the closing </head>
tag. Gramps
Edited to remove personal data -
I cannot select or edit content within template editable region in DW CS5
The only way I can edit the content is in code view. A real pain. Anyone else have this happening? I have re-checked and re-applied template to page in question and doesn't help. I cannot directly select an image or text in design view. I get the "no can do" icon that appears over template items that are locked. I have strolled through the preferences and don't see anything regarding this. Since upgrading from CS3 to Dreamweaver CS5 mac, I have had nothing but problems. This app is half baked at best.
Wasn't a problem in prior versions of DW.
Would have been in CS4, but not in earlier ones. In those versions, the use of overflow:hidden as a way of setting a new block formatting context to clear internal floats was not supported even though it was a perfectly valid method. You may find that you need to return the overflow:hidden to your styles to properly manage floats within that container. In that case, a double click is all that's needed to temporarily display the entire content of the element. -
Dreamweaver Teamplate with Library Item for Navigation/Sidebar not updating editable classes
I have a Dreamweaver Template that contains two Library items. One Library item is my navigation bar, the other is a sidebar that shows different content depending on what page you are on. I'm assigning an editable class "active" to the navigation bar to show you are on a particular page, and also assigning the editable class "active" to the sidebar to reveal a portion of the sidebar with links pertaining to that specific page. The default value for the class is "hidden". So what is happening is when I open a page I have created and "edit" the Library Items in it to edit these classes, it resets resets all the other pages on the site to the default class values. How am I able to use editable classes and Library Items to achieve this kind of functionality? The idea is to only have ONE navigaton bar to update on the site and to only have ONE sidebar item to update. Here is an example of the sidebar and navigation in action so you can see what I'm going for. Notice the green button in the navigation bar (that is a list item with the class "active" which is an editable class in the Library Item, also notice the tan links in the sidebar, that is an unordered list that has an editable class of "active" in the Library Items --- these editable classes reset to their defaults when updating the Library Item on the website).
http://www.brumleve.org/joe/temp/CAP/mission.htmlIn my understanding, whenever you edit the contents of a library item, it will update all other occurances of this library item on the rest of the site. That's "working as designed" as far as I know, unless you break the link by telling it to not update - which kinda defeats the purpose I think.
But theres another way to do this using template properties, i#ve been using this approach myself a couple of times:
Write your navigation bar in the template (.dwt) file itself, then select the class= of your first menu item and choose .. (names might be off, I am using a non-English copy of DW): "modify > template > make attribute editable" from the main menu. Do so for all your menu items and name these new template properties something like "item_x_class"
You'll end up with something like this in your template source:
<div class="@@(item_1_class)@@">
and a matching
<!-- TemplateParam name="item_1_class" type="text" value="active" --> in the header
Now, on each page, you can set the class within the template properties dialog ("modify > template properties"). If your main menu changes, it won't overwrite your template properties, but still update all pages when you do make a change to the menu.
If you're using multiple templates for your site, consider nesting templates, so the master template already includes your navbar and all subsequent templates will "inherit" changes to the navbar code (sans the editable class property).
Hope this helps.. or at least gives you an idea for further experiments..
Stephan -
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?
RichSpry 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 Problem in CS3
I am working a set of pages based on the two column fixed with template.
4 Editable Regions.
Two Created by Dreamweaver
Two Created by me
Doc Title
Head
MainContent
Ad Area
Almost ALL of my additions are going into the Content Region. 80% of the time I have NO ISSUES
between Code View and Design View.
What is happing to me too many times now that it has become annoying......
I will make a simple code change in Code View, usually WELL WITHIN the editable region tags
and when I go to view what I did in Design View, I get an error box that says something like this.
You have made a code change in an area that is designated as uneditable.
If you wish to keep this change it will be lost the next time you update the template.
This could be a siple change like adding a bold to a piece of text.
A lot of times it happens whe I try to put a Container Div around some text.
It almost ALWAYS happens when I am trying to float something.
Is this a BUG. Is there a fix? I know I can't ignore it because I have seen what happens when I do that....
Please don't tell me to update to a more recent version unless that absolutely has the fix in it.
It cost me an arm to buy this product in the first place and if I had known how little I was gaining
I would have NEVER purchased it.I certainly don't want to spend any more unless it solves the issue.
The design view in CS3 STINKS! Design View was one of the reasons
I wanted the product in the first place. WYSIWYG. I was trying to upgrade away from years of using HotDog.
Two years of this now and I still find myself doing most of my design in Code View.
I don't TRUST Design View.
I do eventually publish to a copy without template marup but I need to code in the version that is still templated.
I do change the master template from time to time.
HELP!Better than your helpless nagging would be that you share a link to your page.
... and your: Please don't tell me to update to a more recent version unless that absolutely has the fix in it. It's actually also not a very good attitude and (for me!) not a great motivation to help you. Ok, I have this program on the computer, even, but the reasons are to work here in the forum.
... and I quote from a thread here in the forum:
"It's not a word processor or WYSIWYG, never has been, but I think you're using those terms more broadly than the regulars in this forum use them. But if you're happy to use only Design View and let DW code then you'll get similar results to using DW8." -
Template: Adding Site Wide Code To Editable Region
I have a template
I have an editable region called content
I would now like to add a navigation bar within the editable region, so that it can be managed from the Template and thereon aplies to the child pages
Q:
How do I insert a site wide section within an editable region, which is only edited via the template, so that I can set up my navigation bar?
woolfSo, here's a sample page: http://www.gravenimagedesign.net/levnav/
Here's the template 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
#header {
background-color: #333;
height: 200px;
width: 800px;
position: relative;
margin: 0 auto;
#header h1 {
color: white;
#content {
background-color: #FFC;
height: 500px;
width: 800px;
margin: 0 auto;
border: 1px solid red;
position: relative;
#content h1 {
color: red;
text-align: center;
#apDiv1 {
position:absolute;
width:663px;
height:115px;
z-index:1;
left: 63px;
top: 438px;
background-color: #FCF;
-->
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="header"><!--begin header-->
<h1>This header div is position: relative;</h1>
<div id="apDiv1">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<p><br />
This menu bar is <strong>position: absolute;</strong></p>
<p>It is nested in the code inside the "header" div (the dark grey one), which is positioned "relative."</p>
</div>
</div><!--end header-->
<div id="content">
<!--begin content-->
<!-- TemplateBeginEditable name="EditRegion3" -->
<h1>This text (really an h1) is appearing within the div with id of "content"</h1>
<!-- TemplateEndEditable --></div>
<!--end content-->
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
And here's a child page:
<!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"><!-- InstanceBegin template="/Templates/maintemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
#header {
background-color: #333;
height: 200px;
width: 800px;
position: relative;
margin: 0 auto;
#header h1 {
color: white;
#content {
background-color: #FFC;
height: 500px;
width: 800px;
margin: 0 auto;
border: 1px solid red;
position: relative;
#content h1 {
color: red;
text-align: center;
#apDiv1 {
position:absolute;
width:663px;
height:115px;
z-index:1;
left: 63px;
top: 438px;
background-color: #FCF;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="header"><!--begin header-->
<h1>This header div is position: relative;</h1>
<div id="apDiv1">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<p><br />
This menu bar is <strong>position: absolute;</strong></p>
<p>It is nested in the code inside the "header" div (the dark grey one), which is positioned "relative."</p>
</div>
</div><!--end header-->
<div id="content">
<!--begin content-->
<!-- InstanceBeginEditable name="EditRegion3" -->
<h1>This text (really an h1) is appearing within the div with id of "content"</h1>
<!-- InstanceEndEditable --></div>
<!--end content-->
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
<!-- InstanceEnd --></html>
I arbitrarily positioned the nav in the middle of the action. You can play with its positioning, but remember that it is positioned "absolutely" from the left and top of the "header" div. (in this case)
If this is unclear, let me know! By the way, the CSS is in the head of the Template, and the child page, but I didn't print out the other auxiliary files, which you will get automatically if you insert a SpryMenuBar. But the sample on my site will work...
Beth -
After Edit Library Item- "Premature end of JPEG file"
Hello, I'm using Windows 7 Home Premium 64-bit. In DW CS5 after editing a Library item and saving, DW asks if it should update pages containing the item. I tell it to go ahead, and after some processing I get an error box titled "JPEG Library Error." The message is "Premature end of JPEG file." Nothing else except "OK"! I can't imagine what this is referring to or if the error is causing the pages to not be updated with the edited lbi. I don't have any JPEG images i nthe Library item. Here's a link to the Libraty item:
http://www.techno-archive.com/Library/bottom_menu.lbi
After I dismiss the error in DW the Update Pages dialog sits there with the Done button grayed out. The bottom few lines of the log look like this:
updated gallery_rec\trees\firetree\firetree-sky2.html
item Library\bottom_menu.lbi
updated gallery_rec\trees\firetree\firetree-tree1.html
item Library\bottom_menu.lbi
updated gallery_rec\trees\firetree\firetree-tree2.html
item Library\bottom_menu.lbi
updated gallery_rec\trees\firetree\firetree-tree3.html
item Library\bottom_menu.lbi
updated gallery_rec\trees\firetree\firetree.html
item Library\bottom_menu.lbi
Done.
files examined: 641
files updated: 641
files which could not be updated: 0
total time: (0:00:19)
Updating F:\techno-archive\
Done.
files examined: 15697
files updated: 0
files which could not be updated: 0
total time: (0:00:57)
It doesn't tell which pages got updated and which didn't or why those that didn't did not get updated.
Any ideas anybody?
Thanks, - DaveUpdate- Solved!
An answer to this thread dated April 30, 2009 of the same subject by David_Powers, community Professional, did the trick. I wound up renaming the DW Configuration folder in C:\Users\dmckeen\AppData\Roaming\Adobe\Dreamweaver CS5\en_US\Configuration (where dmckeen is my username) and letting DW rebuild it.
Thanx -
Can users edit Library items?
Hi everyone. I'm almost done with my first Contribute site
and I had a question. My client has a small piece of text that is
shown in the header of every page and this text is something that
they want to change regularly. I added a Library item for this
chunk in Dreamweaver thinking that this would be the proper way to
allow them to edit it in one place in Contribute.
I found where I can grant permissions for editing the various
types of shared assets, but I don't see that they can edit the
Library item. Is there a way to do this or do I need to set this up
differently (server-side include, etc.)?
Thanks in advance,
JasonI think you should use a SSI in your Template and provide
your user with a link to that include-file, so they can edit it in
Contribute.
gtrz.
Hayo -
How do I edit Library Items in Contribute?
I've been attempting to edit a Library Item in Contribute CS5 with no real luck. First in said it could not open the file so I designated "simpleText" and also MSWord as alternate programs to edit the Library with. (I need something that my client has access to on a PC in their office). Contribute allowed me to open, edit and even publish...giving me a notice of "success" but when accessing the actual page online, the changes were not updated.
Adobe Tech support was useless on this issues.
Here is the code for the Library Item:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
.newsHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 18px;
font-weight: bold;
color: #6693b3;
margin: 0px;
padding: 20px 0px 0px;
.newsbodycopy { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #666;
margin-top: 4px;
margin-bottom: 5px;
</style>
<p class="newsHeader">News header</p>
<p class="newsbodycopy">Update Content on this page.</p>
Any help or suggestions to try would be appreciated. I created the item in Dreamweaver. Code is directly from Dreamweaver. I'm not a coder.
Thanks!1. In the main menu go to >File>Actions>Edit page source in external application (Dreamweaver)
2. In the Dreamweaver make the necessary modifications.
3. Save the file
4. Return to Contribute and publish the page -
DW removes spaces surrounding updated library items
I've filed a bug with Adobe on this issue, but I'm wondering
if anyone else has received a fix for what I consider a
showstopping bug. In a nutshell, whenever I update a library item,
DW removes all spaces surrounding the updated library item, and
will even remove spaces surrounding unrelated library items during
the same operation.
For example, let's say I have a simple library item that
contains only the character "^". I insert that into a page to
render like this: "| ^ |", using normal spaces in the page code to
separate the three characters. If I then edit the library item to
use the character "-" instead, all updated pages will lose the
surrounding spaces: "|-|".
I've developed hundreds of library items over the years, and
can reproduce this over the last three versions of DW (8, MX 2004,
MX), on multiple computers using new code or existing sites. If I
edit a single library item, it corrupts hundreds of pages in a
large site, and I have to use special searches to find and fix the
error. I can't believe that noone else is affected by this problem,
or isn't using library items to the extent that I do.
I'd really like to see library item functionality repaired,
and this is my last appeal before finding a replacement for DW, Are
any DW developers monitoring this list?> bug is just as capable of affecting SSI
I don't think so. At least, I have never seen it happen. Have
you?
> Library items are particularly aimed at professionals
managing large
> sites.
I don't think so here, either. Why would one EVER choose a
Library item
over SSI? On a large site, you would upload hundreds if not
thousands of
files for each change with the former.
> It is an opportunity to
> create reusable code that can be managed and edited in
one central
> location, so
> that changes to a single file can be replicated
throughout the entire code
> base.
Precisely what SSI does, only better.
> Yes, it may be more desirable to use a server side
technology to control
> these bits through the use of variables and includes,
but I also build and
> manage high performance web servers, and no dynamic
language can even come
> close to the speed of delivering static files,
especially if you want to
> withstand a slashdotting or other unusual burst of
activity.
This is true - since Library items are design-time tools, you
take the
bandwidth hit on the upload side of things rather than on the
fetch side of
things.
> I'm hoping that someone at Adobe is monitoring this list
They do not. If you need to communicate with them, you must
contact them
directly. But you have been told that Adobe is aware of the
problem at
least twice - is that not enough?
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
==================
"jorey" <[email protected]> wrote in message
news:[email protected]...
> The examples I used are overly simplified to more
clearly demonstrate the
> problem. Using a server-side technology is not relevant
to this issue.
> This
> bug is just as capable of affecting SSI, PHP, ASP, or
any other code
> edited and
> managed with Dreamweaver.
>
> Library items are particularly aimed at professionals
managing large
> sites.
> Who else would even be interested in such a feature? It
is an opportunity
> to
> create reusable code that can be managed and edited in
one central
> location, so
> that changes to a single file can be replicated
throughout the entire code
> base. To suggest that it is necessary to create slightly
different
> versions of
> code snippets to suit the individual needs of each
generated page utterly
> defeats the purpose of library items.
>
> As for the uses of library items, sure, I'll use it to
maintain large
> blocks
> of code, but it's also useful for little things that
change on a regular
> basis,
> such as names of people in specific roles, addresses,
phone numbers, email
> addresses, URLs, dates and other things that might
appear hundreds of
> times
> throughout a site in a variety of contexts. This bug has
serious
> repercussions,
> because it is not limited to the item being updated. You
could update a
> large
> block of code and have unpredictable changes occur
elsewhere. This is
> unacceptable, and may not be limited to library items,
but may also affect
> templates or any other site management function that
relies on the same
> routines.
>
> Yes, it may be more desirable to use a server side
technology to control
> these bits through the use of variables and includes,
but I also build and
> manage high performance web servers, and no dynamic
language can even come
> close to the speed of delivering static files,
especially if you want to
> withstand a slashdotting or other unusual burst of
activity.
>
> But as I mentioned, the type of code or use of the
library item is
> irrelevant.
> Dreamweaver as a programming editor has a serious bug.
It's broken, and
> needs
> to be fixed. I'm hoping that someone at Adobe is
monitoring this list and
> will
> understand that this is a problem that affects advanced
users and whole
> teams
> who have made extensive and productive use of this
feature before it was
> broken.
> -
Change Linked to Document with Edit Menu Column in Forms Library
Hi!
I am using a Forms Library, which I have associated with a Infopath Form, and there is that column "Name" which is linked Edit Menu... I do not want to use this column "Name" which is basically a FileName, so if I hide this "Name" column, how can I use an other column like ID (for eg) to link to document with edit menu...
I'll appreciate any advice on this... Thanks in AdvanceSteve - Open the page in SP designer and in design mode hover over an item in the column a little '>' should show, click it and you can choose the options, however in SP2013 the design mode is gone so here is how it looks in the code of the page for adding
a menu to the 'ActiveSite' column, note you need to do this in every location the column is used, which may make this not workable?
<ViewFields>
<FieldRef
Name="Attachments"/>
<FieldRef
Name="LinkTitle"/>
<FieldRef
Name="SiteURL"
/>
<FieldRef
Name="ActiveSite"LinkToItem="TRUE"
ListItemMenu="TRUE"/>
</ViewFields>
http://sharepointsurfer.wordpress.com/. -
Modifying a template resulted in all child pages with repeating editable regions - Help !
Good morning,
I have recently been appointed to update a website designed in Dreamweaver by an employee who is no longer here. I have read books on the software and practiced an insane amount which permitted me to update child pages, links, documents etc... however:
I was asked to add a new button to an "non-editable" region of a template. Trying to do so resulted in a massive mess (with massive anxiety).
Even thou the new template had all the same text and editable regions, all my pages look completely different from the template itself. The editable regions appears 2-3 times in different locations ex: Header is showed on the bottom, top etc... and the Editable region titles (EditableRegion1 etc...) repeat themselves as well.
I really need help and not sure what to do, I have tried everything and I am only making it worse and worse. All I want/need is for all my html pages created with this template, match the template.
Please note that this site is local, not online.
Since I noticed on other threads that the code is needed; here it 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" />
<title>QMS: AFM</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #D7D7D7;
background-repeat: repeat-x;
border-top-color: #066;
border-right-color: #066;
border-bottom-color: #066;
border-left-color: #066;
/* Tips for Elastic layouts
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
.twoColElsLtHdr #container {
width: 46em; /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 30px none #C4C4C4;
text-align: left; /* this overrides the text-align: center on the body element. */
padding-left: 10px;
background-color: #FFF;
border-top-color: #C4C4C4;
border-right-color: #C4C4C4;
border-bottom-color: #C4C4C4;
border-bottom-style: outset;
border-left-style: outset;
border-top-width: thick;
border-right-style: outset;
border-top-style: outset;
border-left-color: #C4C4C4;
border-right-width: thick;
border-bottom-width: thick;
border-left-width: thick;
.twoColElsLtHdr #header {
padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
background-color: #FFF;
.twoColElsLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width.
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsLtHdr #sidebar1 p" rule.
.twoColElsLtHdr #sidebar1 {
float: left;
width: 12em; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 0; /* top and bottom padding create visual space within this div */
background-color: #066;
background-repeat: repeat-x;
border-top-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
color: #FFF;
padding-left: 0px;
clear: left;
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
background-color: #066;
text-decoration: inherit;
/* Tips for mainContent:
1. If you give this #mainContent div a font-size value different than the #sidebar1 div, the margins of the #mainContent div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #mainContent div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
.twoColElsLtHdr #mainContent {
margin: 0 1.5em 0 13em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
color:#069;
background-color:#FFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
.twoColElsLtHdr #mainContent a:link {
text-decoration: none;
color: #069;
.twoColElsLtHdr #mainContent a:visited {
text-decoration: none;
color: #069;
.twoColElsLtHdr #mainContent a:hover {
text-decoration: underline;
color: #069;
background-color:#FFF
.twoColElsLtHdr #mainContent a:active {
text-decoration: none;
color: #069;
.twoColElsLtHdr #footer {
padding: 0 10px;
line-height: 0pt;
color: #069;
background-color: #FFF;
font-size: 10px;
.twoColElsLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
background-color: #FFF;
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
h1 {
color: #069;
font-size: 16px;
border-top-color: #069;
border-top-width: thin;
border-right-width: thin;
padding-right: 0px;
padding-left: 0px;
body,td,th {
font-family: verdana;
text-decoration: none;
color: #069;
border-top-color: #069;
border-right-color: #069;
border-bottom-color: #069;
border-left-color: #069;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
a:link {
text-decoration: none;
color: #FFF;
a:visited {
text-decoration: none;
color: #FFF;
a:hover {
text-decoration: underline;
color: #FFF;
background-color: #;
background-repeat: repeat-x;
background-position: center;
border-top-color: #069;
border-right-color: #069;
border-bottom-color: #069;
border-left-color: #069;
a:active {
text-decoration: none;
color: #FFF;
border-color: #FFF;
padding-left: 20px;
-->
</style><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<link href="file:///U|/AFM/Dreamweaver/Left sidebar.css" rel="stylesheet" type="text/css" />
</head>
<body link="#006699" class="twoColElsLtHdr">
<div id="container">
<div id="header">
<h1><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/pwgsc-e.gif" width="364" height="33" align="left" alt="wordmark" /><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/wordmark_canada.gif" width="83" height="21" align="right" alt="wordmark2" /></h1>
<p> </p>
<p><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/AFM QMS banner.jpg" width="709" height="80" alt="banner" border="0"/><a href="mailto:[email protected]"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Contactus-e.JPG" width="110" height="21" alt="contactus-e" border="0" /></a><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/French-e.JPG" width="115" height="21" alt="french-e" border="0" /> <a href="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Continual Improvement/QMSTeamMembers-e.html"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Help-e.JPG" width="115" height="21" alt="help-e" border="0" /> <img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Search-e.JPG" width="115" height="21" alt="search-e" border="0" /></a><a href="http://source.tpsgc-pwgsc.gc.ca"><img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/thesource.jpg" width="120" height="21" alt="TheSource" border="0" /> <img src="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/Graphics/menubar/Home-e.jpg" width="104" height="21" alt="home-e" border="0" /></a></p>
<p> </p>
</div>
<div class="twoColElsLtHdr" id="sidebar1">
<p><a href="../QMS HOME/QMSHome-e.html"><strong>QMS Home</strong></a></p>
<hr />
<p><a href="../ABOUTAFM/AboutAFM-e.html"><strong>About AFM</strong></a></p>
<hr />
<p><a href="../AdminProcedures/AdminProcedure-e.html"><strong>Administrative Procedures</strong></a></p>
<hr />
<p><a href="../BusinessUnits/BusinessUnits-e.html"><strong>Business Units</strong></a></p>
<hr />
<p><a href="../POINTSOFINTEREST/pointsofinterest-e.html"><strong>Points Of Interest</strong></a></p>
<hr />
<p><a href="../Achievements/Achievements-e.html"><strong>Achievements</strong></a></p>
<hr />
<p><strong><a href="../MeasuringPerformance/measuringperformance-e.html">Measuring Performance</a></strong></p>
<hr />
<p><a href="../References/references-e.html"><strong>References</strong></a></p>
<hr />
<p><a href="file:///P|/RPS/AFMS/Quality Management System/QMS Site/HTML/ContinualImprovement-e.html"><strong>Continual Improvement</strong> </a></p>
</div>
<div id="mainContent">
<h2>Header</h2>
<p>Paragraph</p>
<h1>Sub Header </h1>
<p> </p>
<h1> </h1>
<h2> </h2>
<h1> </h1>
<p> </p>
<h2> </h2>
<!-- end #mainContent -->
</div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
<br class="clearfloat" />
</p>
<div id="footer">
<hr width="100%" size="8" noshade="noshade" color="#006666" id="color="069"" colour="#069"/>
<p><strong>Maintainted by: ASQM </strong></p>
<p><strong>Date Modified: 2013-03-25</strong></p>
<!-- end #footer -->
</div>
<script type="text/javascript">
<!--
//-->
</script>
</h3>
<!-- end #container -->
</h3>
</div>
<script type="text/javascript">
<!--
//-->
</script>
</body>
</html>I am not suprised, the previous employee tried to recreate the English version of the site in another folder structure and did not change all links and was still using a template in the wrong location.
I think I created the mess by trying to modify the existing template's non-editable region in order to add a new button. When trying to update all the pages, the fiasco started.
Do you think the best option would be to create a new template in the correct folder structure and apply it? Would it fix the current pages or will I have to fix them all manualy on by one?
I understand it is difficult to deal with a newbie of my magnitude and thanks again. -
How to remove Editable region from nested template?
I'm trying to remove an editable region from a nested
template while retaining it in the parent template. DW doesn't want
to let me do this.
Example:
- I've created an overall template call ALLPAGES.DWT
- In it, there's an editable region called "related links".
- The "related links" will stay the same for all my main
pages (welcome, news, info, etc), so I'd like to create a nested
template called MAINPAGES.DWT where the field is locked.
So here's what I did; I started a new page from ALLPAGES.DWT
and then I created a template MAINPAGES.DWT from it. Now I want to
remove the editable region "related links". According to the DW
manual, I should be able to highlight the region and go to
Modify > Templates > Remove Template Markup, but that
option is greyed out!
Apparenlty the only way of removing the editable region is to
create a smaller editable region within it. But that's unnecessary
and sloppy. How can I remove the region entirely?> This use of nested templates is very useful and very
simple and
> straightforward.
> It involves no additional overheads, and introduces no
reliability
> problems.
I really disagree with this.
> I cannot understand why Murray has such a bad attitude
to nested
> templates.
I spent quite a bit of time using them, tweaking them,
understanding them,
and watching the problems that others have had here on the
forum. My
compelling conclusion is that there is nothing you can do
with nested
templates that you cannot do more simply and with far less
trouble by using
other methods, some involving other kinds of template
regions, and some
involving simple use of Library items, or better, server-side
includes.
> I can only assume either that he had a bad experience on
the road to
> Damascus,
> after writing his definitive book on templates
I assure you, it's based on much more study and experience
than you have put
into it.
> "Templates are wicked and sinful! Don't play with them,
or you will go
> blind!"
This is not only unkind, it's completely erroneous. Far and
away, I am the
single most enthusiastic proponent for the use of templates
on these boards.
Perhaps a read of my book would help you rid yourself of your
attitude, too.
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
==================
"Clancy" <[email protected]> wrote in message
news:[email protected]...
> "Dodgeit" <[email protected]> wrote:
>
>>I'm trying to remove an editable region from a nested
template while
>>retaining
>>it in the parent template. DW doesn't want to let me
do this.
>>
>> Example:
>> - I've created an overall template call ALLPAGES.DWT
>> - In it, there's an editable region called "related
links".
>> - The "related links" will stay the same for all my
main pages (welcome,
>> news,
>>info, etc), so I'd like to create a nested template
called MAINPAGES.DWT
>>where
>>the field is locked.
>
> Very simple:
>
> Open allpages.dwt.
> Save as template, with name mainpages.dwt (I always do
this immediately so
> that
> if I do something stupid I don't corrupt the original
template).
> Insert the desired content into "related links".
> At the beginning of the content area of "related links"
insert the magic
> code
> @@("")@@
> This turns off the editable region, and there will be no
reference to it
> in
> pages derived from this template.
> Save the changes to mainpages.dwt
> Done!
>
> Have a look at
>
>
http://www.corybas.com/Technical/Nested.htm
> This is derived from my template techpage.dwt, which in
turn is ultimately
> derived from my template basicpage.dwt.
>
> Basicpage.dwt defines two editable regions 'title' and
'subtitle' at the
> top of
> the page. Techpage.dwt sets a fixed title for all my
technical pages, as
> follows:
>
> <p class="hdgtn" ><!-- InstanceBeginEditable
name="Title" -->@@("")@@Roger
> Riordan: Technical notes<!-- InstanceEndEditable
--></p>
> <p class="hdgstn"><!-- InstanceBeginEditable
name="Subtitle" -->Notes<!--
> InstanceEndEditable --></p>
>
> In the page Nested.htm the references to 'title'
disappear, and the two
> lines
> appear as
>
> <p class="hdgtn" >Roger Riordan: Technical
notes</p>
> <p class="hdgstn"><!-- InstanceBeginEditable
name="Subtitle" -->Nested
> Templates<!-- InstanceEndEditable --></p>
>
> This use of nested templates is very useful and very
simple and
> straightforward.
> It involves no additional overheads, and introduces no
reliability
> problems.
>
> I cannot understand why Murray has such a bad attitude
to nested
> templates. I
> can only assume either that he had a bad experience on
the road to
> Damascus,
> after writing his definitive book on templates, or that
it says simply:
>
> "Templates are wicked and sinful! Don't play with them,
or you will go
> blind!"
>
>
> Clancy
Maybe you are looking for
-
Creation of a Popup Menu for a Tree Node
Hi Ppl, I need to create a Pop-up Menu for a tree node in WebDynpro Application, please give me a "How to .." sort of material or a link which would have same sort of information... Also, My requirement is to call the pop-up on the right click of m
-
Hi, i'm trying to create a Datasource with the Visual Administrator and I'm getting this error: java.rmi.RemoteException: Error occurred while starting application in whole cluster and wait.; nested exception is: com.sap.engine.services.deploy.e
-
I am trying to update my iphone. I never have so it is iOS4.1 and when I try to update it to the latest version I am unable to because the firmware isn't compatible... I've tried looking for an earlier version to download and install but I can't find
-
JMX question: how to retrieve system properties, DataSource attributes ?
Hi, I need to retrieve some parameters from my JEE application (*.ear) my collegues will deploy soon on Netweaver 7.2 I found documentation about how to connect to the server with JMX, that works fine: http://help.sap.com/saphelp_nw04/helpdata/en/64/
-
Need help coding Coloring Book App. in AS3
Hello, I am working on a project for school and I'm having a lot of trouble at the moment. I can't seem to figure out exactly how to start coding for a coloring book type app. I've read through about 6 different tutorials for this type of project and