Fluid grid template - editable region - resize not possible

Hi,
After quitting DW the first resizing problem was gone.
Now I saved the page as a template and inserted an editable region.
Then it wasn't possible anymore to recize the divs.
The lines are know yellow dotted.
Do I have to make editable regions in a different way?
See: http://www.ifacilityservices.nl/index.html
Thanks again.
Carla

Hi Nancy,
Thanks voor your reply!
Is it now not possible anymore?
I deleted the editable regions, but it stays with the yellow lines.
Carla
Van: Nancy O. [email protected]
Verzonden: zaterdag 24 augustus 2013 21:59
Aan: Carla Leliveld
Onderwerp: fluid grid template - editable region - resize not possible
Re: fluid grid template - editable region - resize not possible
created by Nancy O. <http://forums.adobe.com/people/Nancy+O.> in Dreamweaver CC - View the full discussion <http://forums.adobe.com/message/5623512#5623512

Similar Messages

How to make regions editable in fluid grid template in 2014.1.1 in LIVE view - can't open the template editable selection panel

I am teaching a course in Dreamweaver 2014.1.1
We are setting up templates in fluid grids.
We need to make regions editable.
The LIVE view replaced the DESIGN view and does not have certain options accessible anymore.
I can't find the command to access the dropdown panel to make a region editable.
The Template tab at top, and the make editable options subtab, will not come open in fluid grid template mode.
Does anyone have a way to do this?

I was under the impression that the February update (2014.1.1) released a few days ago had fixed these problems. I urge you to file an official bug report below.
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
My advice for now is to stay away from Fluid Grid Layouts. But if that's not an option, I'll show you a trick for getting Design View back. Open the Fluid Grid CSS file and add an X as shown below. This tricks DW into thinking it's a normal layout.
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:      X 4;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
=====================================
Once saved, you should see Design View as an option.
Nancy O.

I downloaded Dreamweaver CC 2014.1, started using it but cannot find Show Fluid Grid Layout Guides button, Resize LI.link sizing handle and 'move up a Row' arrow. Where can I find them?

I downloaded Dreamweaver CC 2014.1, started using it but cannot find Show Fluid Grid Layout Guides button, Resize LI.link sizing handle and 'move up a Row' arrow. Where can I find them?

You have the latest version (CC 2014.1 or 2014.1.1) in which the interface condenses Design View with Live View buttons in normal layouts. See screenshot.
However, in FGLayouts, Live View is the only option which poses some editing problems and has been highly criticized.
Is there any way to display the Design View in fluid grid pages?
New Features in CC 2014.1 October Release
http://helpx.adobe.com/dreamweaver/using/whats-new.html
New Features in CC 2014.1.1 February Release
https://helpx.adobe.com/dreamweaver/using/whats-new.html#Enhancements%20to%20Live%20View%2 0editing
You can disable this restriction by adding an X to the FGLayout CSS.
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:      X 4;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
=====================================
Having said that, it might just be simpler to revert to an earlier version. Log-in to Creative Cloud Desktop app. Go to Filters & Versions > Previous Version. See screenshot.
Nancy O.

Fluid grid with added media queries not working with {display: none}

Fluid grid layout using added media queries to fix break points will not use {display:none} properly. When I try to hide a div in moble view it hides the div in all views. I was able to hide the div using width: 0% which works in all browsers except for Safari.
Here is the css
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
max-width: 100%;
hr {
color: #e1e1e1;
width: 90%;
text-align: center;
td {
color:#7d7e7f;
element.style {
    width: 150px;
color:#7d7e7f;
margin-right:20px;
/* Top Talent subscribe to email */
.inputTTemail {
width: 130px;
height: 35px;
background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/submitArrow.png) ;
background-repeat: no-repeat;
background-position: right center;
background-color: #ec8423;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
text-align: left;
color: #FFF;
border: none;
padding-top: 5px;
#ttEnewsletter {
width:250px;
background-color:#FFF;
padding:10px;
input[type="text"],input[type="email"] {
width:200px;
font-family:Tahoma, Geneva, sans-serif;
font-size:1em;
color:#7d7e7f;
margin-bottom:1em;
padding-left:15px;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
span.dropt {border-bottom: thin dotted;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
border-style:solid; border-color:#7d7e7f; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;}
span.dropt span {position: absolute; left: -9999px;
margin: 4px 0 0 0px; padding: 5px 5px 5px 5px;
border-style:solid; border-color:#7d7e7f; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;}
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 6;
dw-num-cols-tablet: 10;
dw-num-cols-desktop: 14;
dw-gutter-percentage: 25;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
/* Mobile Layout: 480px and below. *************************************************************************/
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 87.9666%;
padding-left: 1.5166%;
padding-right: 1.5166%;
background-color:#FFF;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-color:#FFF;
#logo {
clear: both;
float: left;
margin-left: 0;
margin-bottom:0px;
padding-top:10px;
padding-bottom:10px;
width: 100%;
display: block;
background-color:#FFF;
text-align:center;
#phone {
clear: none;
float: left;
margin-left:0px;
width: 100%;
display: block;
text-align:center;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
#login {
clear: none;
float: right;
margin-left:-2000px;
margin-top:-2500px;
width: 31.0344%;
display: block;
text-align:center;
.redBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #bd2137;
line-height: 1.23em;
.orangeBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #ec8423;
line-height: 1.23em;
.purpleBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #643f99;
line-height: 1.23em;
.RedHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #bd2137;
font-weight: bold;
.OrangeHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #ec8423;
font-weight: bold;
.PurpleHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #643f99;
font-weight: bold;
a.redBodylink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #bd2137;
line-height: 1.23em;
.redBodylink:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color:#ec8423;
line-height: 1.23em;
a.orangeBodylink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #ec8423;
line-height: 1.23em;
.orangeBodylink:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color:#bd2137;
line-height: 1.23em;
a.purpleBodylink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #643f99
line-height: 1.23em;
.purpleBodylink:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color:#ec8423;
line-height: 1.23em;
#mobile{
width: 100%;
background-color: #bd2137;
display: block;
float: left;
#mobileHP{
width: 100%;
background-color: #FFFFFF;
display: block;
float: left;
color: #bd2137;
a.mobileMenuhpHP {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
color:#bd2137;
text-align:center;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
a.mobileMenuhpHP:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
color:#ec8423;
text-align:center;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
a.mobileMenuhp {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
color:#FFF;
text-align:center;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
a.mobileMenuhp:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
color:#ec8423;
text-align:center;
padding-top:10px;
padding-bottom:10px;
text-decoration:none;
#topnav {
clear: both;
float: left;
margin-left: -1000px;
width: 100%;
display: block;
#midnav {
clear: both;
float: left;
margin-left:-1000px;
width: 100%;
display: block;
#MenuBar1 > li:hover > a {
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
#bodycontent {
clear: both;
float: left;
margin-left: 10px;
margin-right: 30px;
margin-top: -135px;
margin-bottom: auto;
width: 95%;
display: block;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
.GreyHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #58595b;
font-weight: bold;
.BodyCopy {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5em;
color: #58595b;
padding-right:20px;
.BodyItal {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-size:.85em;
line-height:1.5em;
color: #58595b;
a.redLink {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#bd2137;
.redLink:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#ec8423;
a.orangeLink {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#ec8423;
.orangeLink:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#bd2137;
a.purpleLink {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#643f99;
.purpleLink:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#ec8423;
a.Lrg-redLink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #bd2137;
.Lrg-redLink:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #ec8423;
#blogroll {
clear: both;
float: left;
margin-right:-2500px;
width: 100%;
display: block;
#footer {
clear: both;
float: left;
margin-left:0px;
width: 100%;
display: block;
a.viewSite {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color: #bd2137;
text-decoration: underline;
a.viewSite:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color: #ec8423;
text-decoration: underline;
#socialMediaMobile {
float: right;
width: 45%;
height:auto;
padding-top:5px;
padding-bottom:5px;
margin-top:0px;
margin-right:0px;
text-align:right;
line-height:35px;
#mobile-menu {
clear: none;
float:left;
margin-left:3%;
width:31.0344%;
display: block;
text-align: center;
background-color: #bd2137;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
border-right-width: thin;
border-left-width: thin;
border-right-style: solid;
border-left-style: solid;
border-right-color: #FFF;
border-left-color: #FFF;
#mobile-backHP {
clear: both;
float: left;
margin-left: 0;
width: 31.0344%;
display: block;
text-align: center;
background-color: #FFF;
color: #bd2137;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
#mobile-loginHP {
clear: none;
float: right;
margin-left: 0%;
width: 31.0344%;
display: block;
text-align: center;
background-color: #FFFFFF;
color: #bd2137;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
#mobile-back {
clear: both;
float: left;
margin-left: 0;
width: 31.0344%;
display: block;
text-align: center;
background-color: #bd2137;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
#mobile-login {
clear: none;
float: right;
margin-left: 0%;
width: 31.0344%;
display: block;
text-align: center;
background-color: #bd2137;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
#missionStatement {
clear: both;
float: left;
margin-left:0px;
margin-top: 10px;
width: 100%;
display: block;
background-color: #7d7e7f;
padding: 0px;
.missionStatement {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #FFF;
text-align: center;
font-style: italic;
#footerCopy {
float: left;
width: 100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.85em;
text-align:center;
color: #bd2137;
#footerCopyMobile {
float: left;
width: 100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.85em;
text-align:center;
#connectUs {
float: right;
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
#social-media {
width: 100%;
float:left;
text-align:center;
#smicon {
width: 100%;
float:left;
text-align:center;
margin-bottom:10px;
#column1 {
width:100%;
float:left;
#column2 {
width: 100%;
float:left;
#column3 {
width:100%;
float:left;
#column4 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
margin-top:-20px;
#column5 {
float:left;
width: 100%;
margin: 0px;
padding: 0px;
margin-top:-20px;
#rowColumns {
float: left;
width: 100%;
margin-bottom: 20px;
#rowClmn1 {
float: left;
width: 100%;
margin-left: 10px;
#rowClmn2 {
width: 100%;
margin-left: 10px;
float: left;
#rowClmn3 {
float: left;
width: 100%;
margin-left: 10px;
#newsletter {
width:200px;
height: auto;
margin-right: 20px;
padding: 5px;
float: left;
text-align: center;
border: thin groove #CCCCCC;
background-color: #EFEFEF;
#corpBuild {
background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/building-tab.jpg );
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 100%;
height: 136px;
padding-bottom:20px;
#corpBuildLin {
background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/lincoln-office-p ic.jpg);
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 100%;
height: 136px;
padding-bottom:30px;
#mobileContactPg {
margin-bottom:0px;
padding: 0px;
float: left;
width: 100%;
height:auto;
text-align:center;
line-height:50px;
#desktopContactPg {
margin-top:-5000px;
padding: 0px;
float: left;
width: 100%;
#icons {
text-align: center;
float: left;
width: 0%;!important
#ptBoarder {
padding-right:15px;
padding-bottom:15px;
float:left;
width: 50%;
margin-top:20px;
margin-bottom:20px;
#eoq {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#eoq1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#eoq2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#SafetyTip {
clear: both;
float: left;
margin-left: 0;
width: 90%;
display: block;
padding: 10px;
border: thin solid #CCC;
#NationalRates {
clear: both;
float: left;
margin-left: 0;
margin-bottom:25px;
width: 100%;
display: block;
#metroRates {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#tables {
margin: 0px;
padding: 0px;
float: left;
height:auto;
width: 100%;
#charts {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#chart1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#chart2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
/* Tablet Layout: 592px. Inherits styles from: Mobile Layout. *************************************/
@media only screen and (min-width: 592px) {
.gridContainer {
width: 91.14%;
padding-left: 0.93%;
padding-right: 0.93%;
background-color:#FFF;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 69.3877%;
display: block;
background-color:#FFF;
#logo {
clear: both;
float: left;
margin-left: 0;
margin-bottom:10px;
width: 59.1836%;
display: block;
#login {
clear: none;
float: right;
margin-left: 2.0408%;
margin-bottom:10px;
margin-right:20px;
margin-top:50px;
width: 18.3673%;
display: block;
text-align:right;
a.login {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #bd2137;
text-decoration: none;
text-align:right;
a.login:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #ec8423;
text-decoration: none;
text-align:right;
.redBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #bd2137;
line-height: 1.23em;
.orangeBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #ec8423;
line-height: 1.23em;
.purpleBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #643f99;
line-height: 1.23em;
#topnav {
clear: both;
float: left;
margin-left: 0;
margin-bottom:10px;
width: 100%;
display: block;
#tl {
height: auto;
width: 14.2857142857143%;
padding-top: 10px;
float: left;
text-align:center;
font-size:1em;
a.topnav {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #58595b;
padding-top: 0px;
padding-right:0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:0px;
margin-right:0px;
text-decoration: none;
.topnav:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #bd2137;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left:0px;
margin-left:0px;
margin-right: 0px;
text-decoration: none;
text-align: right;
.topnav:visited {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #58595b;
padding-top: 0px;
padding-right:0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:0px;
margin-right:0px;
text-decoration: none;
#midnav {
clear: both;
float: left;
margin-left: 0;
width: 100%;
height:100%;
display: block;
#MenuBar1 > li:hover > a {
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
#isbtn-findAjob {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findAjob:hover {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findAjob:active {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findTalent {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #ec8423;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findTalent:hover {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #ec8423;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-forEmployees {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #643f99;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-forEmployees:hover {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #643f99;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#bodycontent {
clear: both;
float: left;
margin-left:20px;
margin-right:20px;
width: 95%;
display: block;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px 0px opx 0px;
.GreyHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #58595b;
font-weight: bold;
.RedHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #bd2137;
font-weight: bold;
.BodyCopy {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5em;
color: #58595b;
.BodyItal {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-size:.85em;
line-height:1.5em;
color: #58595b;
a.redLink {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#bd2137;
.redLink:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#ec8423;
a.Lrg-redLink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #bd2137;
.Lrg-redLink:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #ec8423;
#blogroll {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#mobile{
width: 100%;
background-color: #bd2137;
display: block;
float: left;
margin-left:-5000px;
#mobile-menu {
clear: both;
float: left;
margin-left: -1000px;
width: 18.3673%;
display: block;
#mobile-back {
clear: both;
float: left;
margin-left:-1000px;
width: 31.0344%;
display: block;
text-align:center;
#mobile-login {
clear: none;
float: left;
margin-left: -1000px;
width: 31.0344%;
display: block;
text-align: center;
border-right-width: thin;
border-right-style: solid;
border-right-color: #F66;
background-color: #bd2137;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
#missionStatement {
clear: both;
float: left;
margin-left: 0px;
width: 100%;
display: block;
background-color: #7d7e7f;
padding:0px;
.missionStatement {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #FFF;
text-align: center;
font-style: italic;
a.viewSite {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color:#FFF;
text-decoration: underline;
a.viewSite:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color: #ec8423;
text-decoration: underline;
#footerCopy {
float: left;
width: 50%;
text-align:left;
#connectUs {
float: right;
width: 100%;
text-align: right;
#social-media {
width: 50%;
float: right;
text-align: right;
#social-mediaHP {
width: auto;
float: right;
text-align: right;
padding-right: 0px;
padding-top: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
#smicon {
width: 100%;
float: right;
text-align: right;
#desktopContact {
float: left;
width: 100%;
#column1 {
width:45%;
float:left;
margin-right:30px;
#column2 {
width:45%;
float:left;
#column3 {
width:45;
float:left;
#column4 {
margin: 0px;
padding: 0px;
float: left;
width: 70%;
#column5 {
float: right;
width: 25%;
margin: 0px;
padding: 0px;
#column6 {
width: 30%;
float: left;
margin-right: 20px;
#column7 {
width: 30%;
float: left;
margin-left: 0px;
#column8 {
width: 30%;
float: left;
text-align: left;
margin-left: 10px;
margin-right: 0px;
#newsletter {
width: 160px;
height: auto;
padding: 5px;
float: left;
text-align: center;
border: thin groove #CCCCCC;
background-color: #EFEFEF;
#corpBuild {
background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/building-tab.jpg );
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 100%;
height: 136px;
padding-bottom:20px;
#mobileContactPg {
margin-left:-5000px;
padding: 0px;
float: left;
width: 100%;
#desktopContactPg {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
#icons {
text-align: right;
float: left;
width: 100%;
#ptBoarder {
padding-right:15px;
padding-bottom:15px;
float:left;
width: 35%;
margin-top:20px;
margin-bottom:20px;
#eoq {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#eoq1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#eoq2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#SafetyTip {
clear: both;
float: left;
margin-left: 0;
width: 97%;
display: block;
padding: 10px;
border: thin solid #CCC;
#NationalRates {
clear: both;
float: left;
margin-left: 0;
margin-bottom:25px;
width: 100%;
display: block;
#metroRates {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#tables {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 100%;
#charts {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#chart1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#chart2 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
/* Tablet Layout: 768px. Inherits styles from: Mobile Layout. *************************************/
@media only screen and (min-width: 768px) {
.gridContainer {
width: 91.14%;
padding-left: 0.93%;
padding-right: 0.93%;
background-color:#FFF;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-color:#FFF;
#logo {
clear: both;
float: left;
margin-left: 0;
margin-bottom:10px;
width: 59.1836%;
display: block;
text-align:left;
#login {
clear: none;
float: right;
margin-left: 2.0408%;
margin-bottom:10px;
margin-right:20px;
margin-top:50px;
width: 18.3673%;
display: block;
text-align:right;
a.login {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #bd2137;
text-decoration: none;
text-align:right;
a.login:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #ec8423;
text-decoration: none;
text-align:right;
.redBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #bd2137;
line-height: 1.23em;
.orangeBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #ec8423;
line-height: 1.23em;
.purpleBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #643f99;
line-height: 1.23em;
#topnav {
clear: both;
float: left;
margin-left: 0;
margin-bottom:10px;
width: 100%;
display: block;
#tl {
height: auto;
width: 14.2857142857143%;
padding-top: 10px;
float: left;
text-align:center;
font-size:1em;
a.topnav {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #58595b;
padding-top: 0px;
padding-right:0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:0px;
margin-right:0px;
text-decoration: none;
.topnav:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #bd2137;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left:0px;
margin-left:0px;
margin-right: 0px;
text-decoration: none;
text-align: right;
.topnav:visited {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #58595b;
padding-top: 0px;
padding-right:0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:0px;
margin-right:0px;
text-decoration: none;
#midnav {
clear: both;
float: left;
margin-left: 0;
width: 100%;
height:100%;
display: block;
#MenuBar1 > li:hover > a {
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
#isbtn-findAjob {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findAjob:hover {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findAjob:active {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findTalent {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #ec8423;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findTalent:hover {
font-family: "Century Gothic";
font-size:1.8em;
color: #FFF;
text-decoration: none;
background-color: #ec8423;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-forEmployees {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #643f99;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-forEmployees:hover {
font-family: "Century Gothic";
font-size:1.8em;
color: #FFF;
text-decoration: none;
background-color: #643f99;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#bodycontent {
clear: both;
float: left;
margin-left:20px;
margin-right:20px;
width: 95%;
display: block;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px 0px opx 0px;
.GreyHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #58595b;
font-weight: bold;
.RedHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #bd2137;
font-weight: bold;
.OrangeHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #ec8423;
font-weight: bold;
.PurpleHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #643f99;
font-weight: bold;
.BodyCopy {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5em;
color: #58595b;
.BodyItal {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-size:.85em;
line-height:1.5em;
color: #58595b;
a.redLink {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#bd2137;
.redLink:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#ec8423;
a.Lrg-redLink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #bd2137;
.Lrg-redLink:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #ec8423;
#blogroll {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#mobile{
width: 100%;
background-color: #bd2137;
display: block;
float: left;
margin-left:-5000px;
#mobile-menu {
clear: both;
float: left;
margin-left: -1000px;
width: 18.3673%;
display: block;
#mobile-back {
clear: both;
float: left;
margin-left:-1000px;
width: 31.0344%;
display: block;
text-align:center;
#mobile-login {
clear: none;
float: left;
margin-left: -1000px;
width: 31.0344%;
display: block;
text-align: center;
border-right-width: thin;
border-right-style: solid;
border-right-color: #F66;
background-color: #bd2137;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
#missionStatement {
clear: both;
float: left;
margin-left: 0px;
width: 100%;
display: block;
background-color: #7d7e7f;
padding:0px;
.missionStatement {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #FFF;
text-align: center;
font-style: italic;
a.viewSite {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color:#FFF;
text-decoration: underline;
a.viewSite:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color: #ec8423;
text-decoration: underline;
#footerCopy {
float: left;
width: 50%;
text-align:left;
#connectUs {
float: right;
width: 100%;
text-align: right;
#social-media {
width: 50%;
float: right;
text-align: right;
#smicon {
width: 100%;
float: right;
text-align: right;
#desktopContact {
float: left;
width: 100%;
#column1 {
width:45%;
float:left;
margin-right:30px;
#column2 {
width:45%;
float:left;
#column3 {
width:45;
float:left;
#newsletter {
width: 165px;
height: auto;
padding: 5px;
float: left;
text-align: center;
border: thin groove #CCCCCC;
background-color: #EFEFEF;
#corpBuild {
background-image: url(file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/images/building-tab.jpg );
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 100%;
height: 136px;
padding-bottom:20px;
#mobileContactPg {
margin-left:-5000px;
padding: 0px;
float: left;
width: 100%;
#desktopContactPg {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
#column4 {
padding: 0px;
float: left;
width: 70%;
margin-top: -20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
#column5 {
float: right;
width: 25%;
padding: 0px;
margin-top: -20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
#column6 {
width: 50%;
float: left;
margin-right: 50px;
#column7 {
width: 30%;
float: left;
margin-left: 50px;
#column8 {
width: 20%;
float: right;
text-align: left;
margin-left: 0px;
margin-right: 100px;
#rowColumns {
float: left;
width: 100%;
margin-bottom: 20px;
#rowClmn1 {
float: left;
width: 25%;
margin-left: 20px;
#rowClmn2 {
width: 25%;
margin-left: 10px;
float: left;
#rowClmn3 {
float: left;
width: 25%;
margin-left: 10px;
#icons {
text-align: right;
float: left;
width: 100%;
#ptBoarder {
padding-right:10px;
padding-bottom:15px;
float:left;
width: 35%;
margin-top:20px;
margin-bottom:20px;
#eoq {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#eoq1 {
clear: both;
float: left;
margin-left: 0;
width: 27.5362%;
display: block;
#eoq2 {
clear: none;
float: left;
margin-left: 1.4492%;
width: 71.0144%;
display: block;
#SafetyTip {
clear: both;
float: left;
margin-left: 0;
width: 98%;
display: block;
padding: 10px;
border: thin solid #CCC;
#NationalRates {
clear: both;
float: left;
margin-left: 0px;
width: 100%;
display: block;
margin-bottom: 25px;
padding: 0px;
#metroRates {
clear: both;
float: left;
margin-left: 0px;
width: 100%;
display: block;
#tables {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 100%;
#charts {
clear: both;
margin-left: 0;
width: 100%;
display: block;
#chart1 {
clear: both;
float: left;
margin-left: 0;
width: 40%;
display: block;
margin-bottom: 0px;
#chart2 {
clear: both;
margin-left: 0;
width: 45%;
display: block;
float: right;
/* Tablet Layout: 1000px. Inherits styles from: Mobile Layout. *************************************/
@media only screen and (min-width: 1000px) {
.gridContainer {
width: 91.14%;
padding-left: 0.93%;
padding-right: 0.93%;
background-color:#FFF;
#LayoutDiv1 {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
background-color:#FFF;
#logo {
clear: both;
float: left;
margin-left: 0;
margin-bottom:10px;
width: 59.1836%;
display: block;
text-align:left;
#login {
clear: none;
float: right;
margin-left: 2.0408%;
margin-bottom:10px;
margin-right:20px;
margin-top:50px;
width: 18.3673%;
display: block;
text-align:right;
a.login {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #bd2137;
text-decoration: none;
text-align:right;
a.login:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #ec8423;
text-decoration: none;
text-align:right;
.redBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #bd2137;
line-height: 1.23em;
.orangeBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #ec8423;
line-height: 1.23em;
.purpleBody {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.23em;
color: #643f99;
line-height: 1.23em;
#topnav {
clear: both;
float: left;
margin-left: 0;
margin-bottom:10px;
width: 100%;
display: block;
#tl {
height: auto;
width: 14.2857142857143%;
padding-top: 10px;
float: left;
text-align:center;
font-size:1em;
a.topnav {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #58595b;
padding-top: 0px;
padding-right:0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:0px;
margin-right:0px;
text-decoration: none;
.topnav:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #bd2137;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left:0px;
margin-left:0px;
margin-right: 0px;
text-decoration: none;
text-align: right;
.topnav:visited {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #58595b;
padding-top: 0px;
padding-right:0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left:0px;
margin-right:0px;
text-decoration: none;
#midnav {
clear: both;
float: left;
margin-left: 0;
width: 100%;
height:100%;
display: block;
#MenuBar1 > li:hover > a {
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
#isbtn-findAjob {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findAjob:hover {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
#isbtn-findAjob:active {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #bd2137;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findTalent {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #ec8423;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-findTalent:hover {
font-family: "Century Gothic";
font-size:1.8em;
color: #FFF;
text-decoration: none;
background-color: #ec8423;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-forEmployees {
font-family: "Century Gothic";
font-size: 1.8em;
color: #FFF;
text-decoration: none;
background-color: #643f99;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgBtns.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#isbtn-forEmployees:hover {
font-family: "Century Gothic";
font-size:1.8em;
color: #FFF;
text-decoration: none;
background-color: #643f99;
background-image:url("file:///U|/dev2.celebritystaff.com/new-design_copy(10)/design/image s/inside-page-icons/arrow-insidePgbtns-hover.png");
background-repeat: no-repeat;
background-position: right center;
height: 35px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom:10px;
padding-left: 0px;
#bodycontent {
clear: both;
float: left;
margin-left:20px;
margin-right:20px;
width: 95%;
display: block;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px 0px opx 0px;
.GreyHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #58595b;
font-weight: bold;
.RedHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #bd2137;
font-weight: bold;
.OrangeHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #ec8423;
font-weight: bold;
.PurpleHeader {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #643f99;
font-weight: bold;
.BodyCopy {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5em;
color: #58595b;
.BodyItal {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-style:italic;
font-size:.85em;
line-height:1.5em;
color: #58595b;
a.redLink {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#bd2137;
.redLink:hover {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
color:#ec8423;
a.Lrg-redLink {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #bd2137;
.Lrg-redLink:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #ec8423;
#blogroll {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
#mobile{
width: 100%;
background-color: #bd2137;
display: block;
float: left

Thanks!
"Nancy O." <[email protected]> wrote:
Nancy O. created the discussion
"Fluid grid with added media queries not working with "
To view the discussion, visit: https://forums.adobe.com/message/6496730#6496730
>

Template editable region not working

I am using DW2004. I have a template with a number of editable regions. One region is causing me problems. When I apply the template to a page, the BeginEditable and EndEditable tags become editable themselves. Trying to save the page causes errors about saving changes to regions that cannot be edited.
The template has this editable region:
    

<div id="MainText">
      <div align="left">

        Main Text

    </div>
</div>
MainText is a CSS style
#MainText{float:right; width:565px; margin: 0 0 0 0; background-color:#ffffff;}
In the document after the template is applied, I get the following.
    

<div id="MainText">
<div align="left">

<table width="329" border="0" cellpadding="10">
Problem is the  can be changed. If I do a return after the "-->" the tag is no longer able to be changed. Same with the end editable tag. As soon as I go back to Design view, the code changes to become editable again.
At the moment I have around 150 screwed up pages after running a template update. Can anyone help?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>



<title>Project interviewing techniques white paper</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    


<meta name="description" content="White Paper on Project Documentation">
<meta name="keywords" content=" project perfect, project management, project manager, project, project consulting, project training, Sydney, Australia, project management white paper, ">
<meta name="robots" content="index,follow">

    

<link href="css/standard.css" rel="stylesheet" type="text/css">
<SCRIPT LANGUAGE="JavaScript" SRC="css/standard_javascript.js"></SCRIPT>
</head>
    



    
    

    
<body>
    

<div id="wrapper">
<div id="center">
<table width=800px height="84" border="0" cellpadding="5" cellspacing="0" bgcolor="#3333FF">
    <tr>
      <td height="84" width="8%"> </td>
      <td width="3%" bgcolor="#000099"> </td>
      <td width="9%" bgcolor="#FFFFFF"><img src="images/logo/PP_P_only.jpg" width="84" height="84"></td>
      <td width="2%"></td>
      <td width="60%" height="84" valign="top"><br>
          <span class="style12 ">PROJECT </span>
        <span class="style12 "><strong>PERFECT</strong></span><BR>
        <span class="style13">                 Project Management Software</span><br>                                <span class="style14">                                                       Specialists in Project Infrastructure</span>
      </td>
      
      <td height="84" width="18%">
        
        <div align="center"><a name="top"></a><img src="images/titles/title_free_info.gif" width="115" height="80"></div>
      
        </td>
    </tr>
</table>
</div>
<div id="Navigation">
<fieldset> <legend><b>Menu</b> </legend>
<table width="195" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" >
    

    <tr>
      <td>
        <a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image17','','images/miscellaneous/homeon.jpg',1)"><img src="images/miscellaneous/homeoff.jpg" alt="Project Management Software Home Page" name="Image17" width="140" height="35" border="0"></a> </td>
    </tr>
    

    <tr>
      <td bgcolor="#FFFF00"><div align="center" class="style15"><strong>Sign up for our newsletter. Hear about new Project Management White Papers.<br>
            <br>
        When you subscribe you can download a free eBook<br>
        <br>
"The Project Managers Guide to Creating and Managing Requirements"
            </strong></div>
        <p align="center"><a href="http://projectperfect.com.au/mailman/listinfo/subscribers_projectperfect.com.au">Click Here to Join </a>
        <p>
        </td>
    </tr>
    <tr>
    

<td valign="top">
      <h5 align="center" class="style4"><a href="rss/rss_news.xml" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15','','images/miscellaneous/xml.gif',1)"><img src="images/miscellaneous/rss.gif" alt="RSS News Feed" name="Image15" width="36" height="14" border="0"></a></h5></td>
    </tr>
    

    <tr>
      <td valign="top"><a href="pa.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('project-management-software','','images/miscellaneous/pmsoftwa reon.jpg',1)"><img src="images/miscellaneous/pmsoftwareoff.jpg" alt="Project Management Software" name="project-management-software" width="140" height="35" border="0"></a></td>
    </tr>
    <tr>
       <td width=165px ><h5>              <a href="pa_download_enq.htm">>Download 30 day trial </a><br>
            <a href="pa.htm">>General Info</a><br>
            <a href="pa_cost_justification.htm">>Cost Justification</a> <br>
            <a href="pa_faq_buyers.htm">>FAQ for PA Buyers</a><br>
            <a href="pa_pricing.htm">>Pricing</a><br>
            <a href="http://www.projectperfect.com.au/catalog/index.php/cPath/21">>Buy Now</a></h5></td>
    </tr>
    

    <tr>
      <td valign="top"><a href="method_h.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('business-analysis-software','','images/miscellaneous/basoftwar eon.jpg',1)"><img src="images/miscellaneous/basoftwareoff.jpg" alt="Business Analysis Software" name="business-analysis-software" width="140" height="35" border="0"></a></td>
    </tr>
    <tr>
      <td width=165px><h5>
          <a href="method_h.htm">>"Method H" General Info</a><br>
        <a href="http://www.projectperfect.com.au/catalog/index.php/cPath/22">>Pricing</a><br>
        <a href="http://www.projectperfect.com.au/catalog/index.php/cPath/22">>Buy Now</a></h5></td>
    </tr>
    

    <tr>
      <td valign="top"><a href="services.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('project-management-white-papers','','images/miscellaneous/whit epaperon.jpg',1)"><img src="images/miscellaneous/whitepaperoff.jpg" alt="Project Management white papers, links and free stuff" name="project-management-white-papers" width="140" height="35" border="0"></a></td>
    </tr>
    <tr>
      <td width=165px><h5>
              <a href="wp_index.php">>White Paper Index</a><br>
            <a href="student.htm">>PM for Kids </a><br>
            <a href="RM3/index.php">>Resources</a></h5>
      </td>
    </tr>
    

    <tr>
      <td valign="top"><a href="consult_train.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('consulting','','images/miscellaneous/serviceson.jpg',1)"><img src="images/miscellaneous/servicesoff.jpg" alt="Project Infrastructure Consulting Services" name="PM Services" width="140" height="35" border="0"></a></td>
    </tr>
    <tr>
      <td width=165px><h5>
              <a href="consult_train.htm">>Consulting</a><br>
            <a href="microsoft-access-development.htm">>Microsoft Access Development</a><br>
            <a href="assessment.htm">>PM Assessment</a></h5></td>
    </tr>
    

    <tr bgcolor="#FFFFFF">
      <td valign="top"><a href="blog/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image16','','images/miscellaneous/blogon.jpg',1)"><img src="images/miscellaneous/blogoff.jpg" alt="Project Management Blog" name="Image16" width="140" height="35" border="0"></a></td>
    </tr>
    

    <tr>
      <td valign="top">
      <a href="contact_index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image18','','images/miscellaneous/contactuson.jpg',1)"><img src="images/miscellaneous/contactusoff.jpg" alt="Contact Project Perfect" name="Image18" width="140" height="35" border="0"></a></td>
    </tr>
    

    <tr>
      <td valign="top">
      <a href="search.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','images/miscellaneous/searchon.jpg',1)"><img src="images/miscellaneous/searchoff.jpg" alt="Search Project Perfect site" name="Image19" width="140" height="35" border="0"></a></td>
    </tr>
    

    <tr>
      <td height="2" valign="top">
      <a href="contents.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contents','','images/miscellaneous/contentson.jpg',1)"><img src="images/miscellaneous/contentsoff.jpg" alt="Contents of Project Perfect web site" name="contents" width="140" height="35" border="0"></a></td>
    </tr>
    

      <tr>
        <td><a href="cgi-bin/birdcast.cgi" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tell-a-friend','','images/miscellaneous/tellafriendon.jpg',1)" ><img src="images/miscellaneous/tellafriendoff.jpg" alt="Tell a friend about project perfect" name="tell-a-friend" width="140" height="35" border="0"></a></td>
      </tr>
    
    
      <tr>
        <td><img src="images/miscellaneous/Ver4.jpg" width="200" height="250"></td>
      </tr>


     <tr>
      <td height="2" valign="top" bgcolor="#FFFFCC"><fieldset>
        <p align="center"><a href=http://www.project-management-opinions.com/index.php?option=com_mtree&task=viewlink&link_i d=653 ><img src=
                  "http://www.project-management-opinions.com/rate_us_14.jpg" alt="Rate us at PM Opinions!" title="Rate us at PM Opinions!" vspace="5" width="88" border="0" height=                  "65" hspace="5"></a> </p>
      </fieldset></td>
    </tr>
    

    <tr>
      <td height="2" valign="top"><a href="http://www.mpmm.com/project-management-software-products.php?AID=$AffiliateIDN$"><a href=                                "http://www.mpmm.com/index.php?AID=070754 "><img src="http://www.mpmm.com/images/banners/logo-160x50.gif" width="160" height="50" border="0" alt=                                "Project Management Methodology, Project Management Process, Project Management Methodologies"></a></td>
    </tr>
    

    <tr>
      <td height="2" >
    
    <p>
    
      </td>
    </tr>
    

    <tr>
      <td valign="top"><script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=9bd60456-9247-49e5-9 463-5da9e1871c2f"></script>                           <noscript>Get great free widgets at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript></td>
    </tr>

    <tr>
      <td valign="top"> </td>
    </tr>
</table>
</fieldset>
</div>
    

<div id="MainText">
      <div align="left">

<table width="329" border="0" cellpadding="10">
    <tr>
      <td width="305" height="27"><font size="-2"><a href="index.htm">Home</a></font><font size="-2">- </font><font size="-2"><a href="wp_index.php">White Paper Index</a></font></td>
      </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="75%"><h1 align="center">Project Interviewing Techniques </h1>
      </td>
      <td width="25%"><div align="center">First published March 08 <br>
      </td>
    </tr>
    <tr>
      <td width="75%"><div align="center">
          <h4>Neville Turbit - Project Perfec</h4>
      </div></td>
      <td width="25%"><div align="center"><b>Rating</b></div></td>
    </tr>
    <tr>
      <td width="75%"><div align="center"><font size="-1"><a href="downloads/Info/info-project-interviewing-techniques.pdf">(Download pdf version)</a></font></div></td>
      <td width="25%"><div align="center">
        <?php
$topic="interv";
$display="stars";
require "/home/projectp/public_html/b3r/b3_rating/b3_rating.php";
?>
      </div></td>
    </tr>
</table>
<h2> Overview</h2>
<p> <span class="style15"><a href="pa.htm"><img src="images/pa_general/pa_advt_2.gif" alt="Get Organised with Project Administirator Software" width="250" height="150" border="0" align="right"></a></span>As a Project Manager, it is inevitable you will have to carry out project interviews. They might range from interviewing a candidate for a project team role, to interviewing a Sponsor about their expectations on a project. Rarely are people given training on interviews. It is just expected that like breathing, it comes naturally. </p>
<p>Nothing could be further from the truth. Interviewing is a technique, and as such it needs to be taught. Some people are naturals and some struggle. If you doubt there is skill involved, turn on your TV and watch a professional interviewer on a current affairs type program. In this article, we attempt to cover a few of the basics that will make you a better interviewer.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>My Experiences</h2>
<p>Many years ago I took over a role as Marketing Manager in a financial services organisation. The week I arrived, it became evident that the company had a big hole in their investment portfolio and investors were about to loose lots of money. If I had known before, I might not have taken the job. I was to suddenly have to face the media and break the news. I had never thought much about being interviewed in the past but suddenly it became a significant concern. </p>
<p>The company called in a specialist who would prepare me over a number of days to handle interviews. In our first mock interview he had me blabbering nonsense in about a minute. We then went back to basics and he spent a week teaching me about interviewing techniques. By the end of the week I was confident to face the media and get my message across in a way that did not cause a run on the institution, and gave investors confidence that if they stayed with the organisation, within a year their losses would be recouped. In fact the majority did stay, and they did get their money back.</p>
<p>While I was on the other side of the fence (the interviewee), I also had to learn more about interviewing than I ever expected there was to know. Here is a simple thing I was taught in the first hour or so. You can see it on TV every night. Invade personal space. </p>
<p>A reporter on TV who is standing beside a person being interviewed has to stand close so they both fit on the screen. Typically this involves being within less than half a metre (about a foot) from the person. You can use this to your advantage with someone who has not had the benefit of media training to make them feel uncomfortable. </p>
<p>Try it on a colleague. Ask them an awkward question while standing up close to them. You can see them squirm. Ask the same question across the room, and they may show mild discomfort but nothing like the level when you are up close to them. Also see what happens when the reporter is trying to make the person comfortable. They move further away. In fact they may want to make them relax by putting some space between them before getting up close and personal for the killer questions.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Open and Closed Interviews</h2>
<p>Interviews can be either “Open” or “Closed”. Usually interviews are a mixture of both. We will cover how each type of interview is carried out, and the pros and cons of “Open” versus “Closed”. Managing an Interview around “Open” and “Closed” questions is a key skill of the interviewer.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Definition - Open and Closed Questions</h2>
<p>An open interview is one where questions are not specific. They are open ended and designed to allow the person to cover a broad range of topics. As an example</p>
<p>“Tell me about sales?” is an open question.</p>
<p>“What were sales for your territory last month?” is a closed question.</p>
<p>The first question may take half an hour to answer. The second will probably take less than a minute.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Why use Open Questions</h2>
<p>It all depends on what you already know and what you need to know. If you are absolutely confident you are fully briefed on a topic, and there is only one fact you need to determine, a closed question is preferable. On the other hand, if your knowledge is sketchy, and you are not even sure what questions to ask, an open question is the way to go.</p>
<p>If your washing machine is broken and the repair man tells you the water pump is not working, you are unlikely to ask him is it the shaft is worn, impeller is split or motor burnt out? That would be a closed question and we probably don’t have the knowledge to ask it anyway (Incidentally I did make that up. I have no idea what else could break). We would ask an open question such as asking him to explain further. At that point he might explain it is the impeller broken because some coins got through the filter and jammed in the pump. You can then follow up with a more closed question about what that means to the repair and your wallet.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Essence of Open Questions</h2>
<p>The essence of open interview technique is - </p>
<ul>
    <li>Question move from the general to the specific and back to the general</li>
    <li>Much is deduced from listening and probing. A simple comment may indicate an important area to be explored</li>
    <li>There are often unforeseen topics raised. Some are relevant and some may not be relevant. You need to filter and quickly dismiss the ones that are not relevant</li>
</ul>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Tips for Open Questions</h2>
<p>Here are a number of tips for asking open questions</p>
<ul>
    <li>Think if the person can answer “yes” or “no”. If the answer is they can, it is not an open question</li>
</ul>
<ul>
    <li>If the person provides a wandering answer, or a ‘brain dump’ offer a summary of the question - let the interviewees confirm its accuracy. <br>
“If I understand what you are saying…” </li>
    <li>Allow ample opportunity for ‘and also’ issues to be raised at the end of the interview or afterwards. People answering open questions tend to remember facts as they go along.</li>
</ul>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Closed Interviews</h2>
<p>In using the opposite interview technique, closed interviews, you might ask </p>
<p>“For reporting of sales, I suppose the current breakdown by nation, state and category is OK, isn’t it?” </p>
<p>The question presumes and prompts a yes/no answer. It also offers a quick and easy interview, requiring minimum reflection and analysis.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font> </p>
<h2>Why Closed Questions</h2>
<p>As mentioned, closed interviews are useful when you are trying to find out one fact. You know precisely the question to ask and know the possible answers. They are also useful in clarifying facts in an open interview. As people cover topics broadly, you might grab one point and want to understand it more clearly. You want to drill down on a particular aspect. </p>
<p>For example, you asked a question on how effective current sales reports are. The person is giving you a full briefing on all the reports, and the implications. They mention the sales summary report. You might ask a closed question about who receives the report and why they are provided with a copy.</p>
<p>Closed questions allow you to drill down on a piece of information. It is more likely that closed questions will be more spontaneous than open questions. As the open question draws out the big picture, you want to closely examine bits of the picture with closed questions.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>On the Spot</h2>
<p>Closed questions can put people on the spot. They can almost sound like they were fired by the prosecutor in a trial. </p>
<p>“When did you first know the project was behind schedule?”</p>
<p>“How many resources can you give up to the project?”</p>
<p>The result is the same as in a trial. The person becomes defensive. They try to find a way out of any admission or commitment. A better approach is to use an open question that allows people room to manoeuvre or qualify their answer. You can tighten up the response with closed questions based around the answer.</p>
<p>“How did you first come to suspect the project may not be on track?”</p>
<p>“If we need people to assist, how would you be able to help?”</p>
<p>In both cases, an open ended question allows the person to answer without feeling threatened or ambushed. You avoid the instinctive “flight or fight”.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Information Gathering</h2>
<p>An interview is an information gathering exercise. That means that you, as the interviewer, are there to direct and listen. You know your own views. The interviewee does not necessarily need to know those views. While you are talking, you are not listening and the purpose of an interview is to find out information from the interviewee. Your role is to keep the ball rolling down the road.</p>
<p>There is an old saying that when carrying out an interview, you should “speak with your ears”. In other words, if you say something it should only be because you want to hear the answer.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Making people comfortable</h2>
<p>A technique used by television interviews is to ask a number of easy questions to relax the person before hitting them with the big one. </p>
<p>“So your name is Jim Brown? Lived here long Jim? Married with 2 kids I hear?”</p>
<p>Then</p>
<p>“So tell us about killing your mother in law with a chain saw.”</p>
<p>Use the relaxing questions to start your interview. If the person is at all apprehensive at the start of an interview, a few questions to loosen them up will help later in the discussion. </p>
<p>Imaging you are being interviewed and you are feeling a little nervous or unsure about the area under discussion. You might not even know exactly why you are being interviewed. If the person starts by explaining the purpose of the interview then asks a few easily answered questions, you start to relax and will become more likely to assist the person.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Follow the dots</h2>
<p>An agenda is a great tool, in most circumstances. If you are having a regular review meeting and have a range of regular topics to cover, an agenda is a great roadmap. Point 1; point2; point 3.</p>
<p>If on the other hand it is an open discussion, an agenda may be an impediment. The interviewee may want to talk about point 1 and 7 because he sees them as related. The discussion is roaming around the topic, and it might not fit into neat compartments. </p>
<p>In this case use the agenda as a checklist. It does not have to be strictly followed. It can be a list of topics you want to have covered by the end of the interview. As the interview draws to a close, go over the agenda and see if any points still need discussion. It takes some skill to treat an agenda as a set of boundaries rather than a roadmap. If you can develop those skills, the results can be excellent.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Summarising</h2>
<p>Sometimes people lose the thread of what they are saying. Their mind is wandering down a path and they forget where they have been or are going. It is useful to sometimes stop and summarise what you think has been said. It is double purposed. Firstly it confirms what has been said, and secondly it re-focuses the person.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Active Listening</h2>
<p>It is a fact that most people want to be listened to. It is important to feel that the person is mentally still with us as we speak. The occasional nod of the head or confirmation of a point helps people feel their comments are valued. Be sure to respond to people or they will stop contributing and want to terminate the interview. Writing things down will assist in convincing people their input is of value.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Answer the Question</h2>
<p>Watch a politician answer a question, and you will often find they don’t answer the question. Techniques include:</p>
<ul>
    <li>“That is a good point but before I answer that let me say…” and of course they never get back to the question</li>
    <li>“I want to make three points…” none of which are relevant to the question</li>
    <li>“Why would you ask me that?” In other words, let’s argue about whether you should ask the question rather than try and answer it.</li>
</ul>
<p>If you cannot get an answer to a question, try to understand why the person is uncomfortable to provide an answer. It may just be that they forgot the original question and went off on a different track. On the other hand they may well have something they don’t want to tell you. Sometimes understanding the reason for not answering in fact answers the question.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Body Language</h2>
<p>Very few people can hide body language. You do not have to be an expert to read it as we all do to some extent. The eyes looking around the room for an answer; folded arms in a defensive position; legs crossed towards you for trust and away for mistrust. There are many articles on body language and a bit of research can help you read what is not being said.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Independent Interviewer</h2>
<p>As a consultant I have been amazed some times at what people have told me. Even though it might not be attributed to them in a report, people often say things to an outsider they would never say to their peers.</p>
<p>I remember one project review where the project manager was scathing in his remarks about the steering committee. He had never expressed his thoughts to them but told me. On investigation I had to agree with his comments and put it in the report. One of the steering committee members came up to me afterwards and asked me why the project manager never expressed his concerns to the committee?</p>
<p> Sometimes it is useful to use an outside party for interviews as they are usually seen as coming to the situation without a bias. If not independent, they are usually viewed as not coming to support any entrenched point of view. In fact, from a consultant credibility point of view, it does you no good to go into an organisation to reinforce a particular person’s case if you do not believe it to be valid. I usually tell people in that situation that I do investigation, not lobbying. </p>
<p>Several years ago I did a PIR for a company and managed to upset the executive management team by pointing out their lack of support and the failures that followed. Although I had done considerable work for the organisation I was not invited back to do any more work for a couple of years. When I was invited back, I found most of the people I had been critical of had moved on. I was invited back because the person who now wanted work done was impressed with my fairness and impartiality from years before. He had remembered me and now needed the same sort of review done without someone pushing a particular point of view. What goes around comes around.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<h2>Conclusion</h2>
<p><font color="#006666" face="trebuchet ms, arial, helvetica"><a href="pa.htm"><img src="images/pa_general/pa_advert.gif" alt="project management software" width="250" height="100" border="0" align="left"></a></font>It is surprising how many people think an interview is just a fireside chat. The dynamics are far more complex. Think about your own interviewing technique and use some of these ideas to improve it. It is particularly important for your career path as you sometimes have to interview senior managers. The interview is often the only real exposure you have for them to form an opinion of you. If a promotion comes up and you have just bungled your way through a poor interview with a senior manager, your chances of getting a promotion are low. On the other hand if you have managed to direct the interview in a manner that impressed the manager, your chances are enhanced.</p>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
<p>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr>
      <td width="70%"><div align="center">
          <p><b>To date,
                <?php
$topic="interv";
$display="total";
require "/home/projectp/public_html/b3r/b3_rating/b3_rating.php";
?>
          people have rated this article. The average rating is
          <?php
$topic="interv";
$display="average";
require "/home/projectp/public_html/b3r/b3_rating/b3_rating.php";
?>
          - Add your rating. Just select a rating and click the button. No other information required. </b></p>
          <p><b>Only one rating per person is allowed.</b></p>
      </div></td>
      <td width="30%"><center>
          <p> </p>
        </center>
          <center>
            <?php
$topic="interv";
$display="preset1";
$myimages="no";
$font="verdana";
$fontsize="2";
$category="";
$autoredirect="yes";
$myurl="http://yourdomain.com/different.html";
$checkuser="yes";
require "/home/projectp/public_html/b3r/b3_rating/b3_rating.php";
?>
        </center></td>
    </tr>
</table>
<p align="center">
            <a href="#top">Return to the top</a>
      <p align="center">
            <SCRIPT LANGUAGE="JavaScript">
            MM_LastModDate()
            </script>
<p align="center"><font face="trebuchet ms, arial, helvetica" color="#006666"><img src="images/miscellaneous/dividing_line.gif" width="300" height="10"></font></p>
</div>

    </div>
</div>
</div>

</body>
</html>

Template changes in editable region do not propagate to child pages??

I have a website that was created using Dreamweaver CS4. I have copied the directory onto a machine running CS6 and set it up as a new site in DW. I want to make a change in the editable region of a template that feeds all the pages. However, when I make the change it appears to go through the motion of propagating the change across all the pages, but in fact - when checking 'detail' of the process - all it seems to be doing is identifying the child pages but not updating them. No changes occur. Any ideas? I did not have this problem previously, as far as I remember.
Code snippet follows. I'm trying to add the phone number shown in BOLD below.
Thanks for any help!!
John
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
    <h1><img src="../Graphics/TCMG Banner_Small3.jpg" alt="" name="Banner_Small" width="1000" height="100" border="0" usemap="#Banner_SmallMap" id="Banner_Small" />
      <map name="Banner_SmallMap" id="Banner_SmallMap">
        <area shape="rect" coords="0,-6,103,97" href="/index.html" alt="Home" />
      </map>
    </h1>
    
</div>

<div id="sidebar1">
<h3 class="Sidebar_Phone">OFC: +1 (704) 944-XXXX</h3>
<h3 class="Sidebar_Phone"><strong>CELL: +1 (305) 283-XXXX</strong></h3>
<hr />
<h3 class="Sidebar_Title">Sidebar1 Content</h3>
<ul>
    <li class="MainContent_Text">The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content. </li>
    <li class="MainContent_Text">Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</li>
</ul>

</div>


Correct Ken.
The content in editable regions of a DW Template are editable on a page by page basis in all child pages. Any content in an editable region in a Template will not propagate to child pages.
Anything in a non-editable region of a Template can only be edited in the DW Template and those changes will propagate to child pages when the Template is saved.

Editable region but not in code view

EDIT: While cooking dinner I thought that the computer "fixes" itself when it reboots what about Dreamweaver? I closed DW down. Reopened the app and voila. I CAN edit that section in code view now. It's weird but it appears to be working. I'll repost if something is amiss again regarding this issue. I'll leave the post up in case it's helpful to anyone else. thanks.
I have new pages made from a template. I can only edit in design view NOT in code view. I get the standard error of I'm trying to edit where I'm not allowed. I've made templates many times but never had this problem (I don't think!). Does someone have a tip or help for me? In addition to this issue I was not able to change the title of the page until I added the editable region in the template for title line. That's always been default editable before. Thanks a lot. I'm using DW8.
begining code from template:
<!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>Party Invitation Boutique</title> 
begining code from new pages:
<!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>Baby Blue</title> 
-------------then further down on the page is the editable region-------------

<div id="content_right">test only can type in design view. can't add div boxes
even in this editable region. ugh. can't even type next this this text in the
code view. </div>


Best thing you can do in the future is run your code through the validator if the editable region exists:
http://validator.w3.org/
If there are code errors with other tags on the page then it is possible DW is overlooking its own template code. Unfortunately without seeing the whole page I cannot say this is definitely the case, but a likely possibility.

Creating fluid grid templates

I have a very large website for a real estate company that I sold as a RWD. They have 175 or so pages of listings.
I have a good handle on DW's fluid grid design tools. When a try to create a DIV inside an editable region the DIV loses it's fluent grid functionality like copy, hide, sizing etc.
Has anyone worked with templates and DW's fluid grid. Is there a way around this problem. Any help or suggestions would be appreciated.
Thanks

I set up a really simple site to demonstrate the issue.
This is an Editable Region with a fluid grid DIV inside the region. The highlighted DIV is a regular DIV.
This next screen shot is a fluid grid DIV outside of the Editable Region. It is performing as it should.
It would make our lives much simpler if we could use the Fluid Grid DIVs in a template for the 175 redundant pages of this site.

How do I get my Fluid Grid Layout page to resizes from portrait to landscape for iPhones?

Starting in portrait on my iPhone 4, the fluid grid layout page does not resize when I turn to landscape. After I refresh / resize to fit the page on landscape and then turn the iPhone to portrait, the page resizes just fine. Everything seems to be working just fine on the desktop, ignoring IE. Could it be my media query tags?
If anyone knows a solution, it would be much appreciated. Thanks.
Here is my test page: http://www.bedroomandmore.com/1_b_fluidGrid.html
Here are my media query tags (the first set of rules does not have the media query tag and becomes the default):
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
@media only screen and (min-width: 481px) {
@media only screen and (min-width: 769px) {
Here is most of my media query CSS:
@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
          max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
          width:100%;
/* Mobile Layout: 480px and below.(smartphone portrait) */
.gridContainer {
          width: 95.4184%;
          padding-left: 0.5907%;
          padding-right: 0.5907%;
#header {
          clear: both;
          float: left;
          display: block;
          margin-left: 0%;
          width: 72%;
          max-height: 0%;
          display: -moz-box; /* Firefox */
          display: -webkit-box; /* Safari and Chrome */
          display: box;
          border: none;
          top: auto;
          padding-top: 0.25em;
#menuHorizontal {
          clear: both;
          float: left;
          width: 118%;
          height:100%;
          margin-left: auto;
          position:relative;
          top:-1em;
          display: block;
#slides {
          clear: both;
          float: left;
          margin-left: 0.1em;
          width: 119%;
          position: relative;
          top: -1em;
          display: block;
                    /*Slides container: Important: Use position:relative; with top:-1em; together to position div.
                              Set the width of your slides container
                              Set to    display: none     to prevent content flash*/
.slides_container {
          clear: both;
          width: 100%;
          display: block;
                    /*Each slide: Important:
                              Set the width of your slides
                              If height not specified height will be set by the slide content
                              Set to     display: block     for original setting
                              slide_container is container size
                              slides_container div set the size of the image inside--adjust to fit image in it so it is not cropped*/
.slides_container div {
          clear: both;
          width: 69%;
          display: block;
          /* Mobile Layout: 480px. (smartphone landscape)
                              Inherits styles from Mobile Layout 480px.
                              Set to clear:none; to allow div to shift up
                              Or set to clear:both; to take a whole row of the screen*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
.gridContainer {
          width: 95.4184%;
          padding-left: 0.7907%;
          padding-right: 0.7907%;
#header {
          clear:both;
          float: left;
          display: block;
          margin-left: auto;
          width:100%;
          display: -moz-box; /* Firefox */
          display: -webkit-box; /* Safari and Chrome */
          display: box;
          border: none;
#menuHorizontal {
          clear:both;
          float: left;
          width: 110%;
          margin-left:auto;
          display: block;
#slides {
          clear:both;
          float: left;
          margin-left: 0%;
          width: 68%;
          display: block;
                    /*Slides container: Important:
                              Set the width of your slides container
                              Set to    display: none     to prevent content flash*/
.slides_container {
          clear:both;
          float: left;
          width: 100%;
          display: block;
                    /*Each slide: Important:
                              Set the width of your slides
                              If height not specified height will be set by the slide content
                              Set to     display: block     for original setting*/
.slides_container div {
          clear:both;
          width:69%;
          display: block;
                    /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout.
                              Set to clear:none; to allow div to shift up
                              Or set to clear:both; to take a whole row of the screen*/
@media only screen and (min-width: 481px) {
.gridContainer {
          width: 95.9456%;
          padding-left: 0.5271%;
          padding-right: 0.5271%;
#header {
          clear:both;
          float: left;
          display: block;
          margin-left: auto;
          width: 100%;
          display: -moz-box; /* Firefox */
          display: -webkit-box; /* Safari and Chrome */
          display: box;
          border: none;
#menuHorizontal {
          clear:both;
          float: left;
          margin-left:auto;
          display: block;
#slides {
          clear:both;
          float: left;
          margin-left: 0%;
          width: 70%;
          display: block;
                    /*Slides container: Important:
                              Set the width of your slides container
                              Set to    display: none     to prevent content flash*/
.slides_container {
          clear:both;
          float: left;
          width: 100%;
          display: block;
                    /*Each slide: Important:
                              Set the width of your slides
                              If height not specified height will be set by the slide content
                              Set to     display: block     for original setting*/
.slides_container div {
          width: 100%;
          display: block;

I found the problem. There is a bug in Safari for iPhone 4. Use code to fix found at http://stackoverflow.com/a/6379407

Creating template from template / editable regions

Hello all,
I'm hoping you can help me.
I am creating an online clothing shop website and am having trouble with creating category pages.
I have created the template with all headers, logos, footer, a spry menu etc.
I have then from the template (via new - Page from template etc) pages for mens / womens / shoes
This part is all fine.
However each of these pages ie. the 'mens' will have pages per category created from it for mens shirts, mens top etc.
For example I need a list of each category on the mens page that I dont want to appear on any other pages, just all of the mens category pages (tops, shorts etc) and this will also be done for the womens pages.
I saved the 'mens' page as a template but due to the section that the category list being in an 'editable region' when I have created new pages from the 'mens' template the changes wont filter through to each category page.
How can I insert a category list into the 'mens' template that will reflect the changes I make in the category pages? As I don't want to manually update each individual category page.
I hope this makes sense and someone can help me out
Thanks

What is your skill level with HTML and CSS?
I saved the 'mens' page as a template but due to the section that the category list being in an 'editable region' when I have created new pages from the 'mens' template the changes wont filter through to each category page.
This is not a good start. You do not want to begin using nested templates for anything.
One simple way (although not the optimal way) to do what you want to do is to make the place on the page where you want the lists to appear into an editable region in the template. Then create a variety of Library items (in DW) each of which contains only the list for each of your categories. On the appropriate child pages, insert the associated list into the editable region. So, for example, the men's page will have the men's list, etc.
A Library item is like a mini-template in that changes made to any given Library item are automatically propagated to all instances where that Library item is being used.
Is that what you are after?

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;

Template editable regions

Hello everyone,
I'm new to this forum so I hope my post is in the right
place, if not I apologize..
Ok, my problem is the following:
I have recently upgraded my page to use CSS, templates and
all that nice web design stuff which I was not aware of before (I
had taken a big break from web page design, and the last time I had
created pages when I was younger was the old school
text-editor-and-html way). Now, the problem is that, even though I
created a basic template to use in my page, the menu on the left of
the page was left as an editable region. Now, and after reading
some articles on SSI, I decided that that was wrong of me, so now I
want to change that part of the template to read the menu code from
a file using SSI (for easier updating in case I want to
add/subtract menu items) but to my big disappointment, I realized
that editable regions in templates are not updated. Does this mean
that I have to create a new template where the menu is a
non-editable region and re-apply it to each single page, or is
there a way around it?
Any help would be greatly appreciated, I only completed
updating my page a few days ago and I really don't want to have to
go through the process of tranfering every single page to a new
template again! :)
Thank you in advance
P.S. the page I am referring to is www.thejazzchameleon.com
in case having a look will help you, the menu I want to make SSI is
the one on the left.

> old school text-editor-and-html way
News flash - it's no different now except that CSS has
entered the picture.
> the menu on the left of the page was left as an editable
region.
Oops.
> or is there a way around it?
Replace the entire editable region in the Template with the
server-side
include. Then you'll be golden!
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
==================
"The Jazz Chameleon" <[email protected]>
wrote in message
news:[email protected]...
> Hello everyone,
> I'm new to this forum so I hope my post is in the right
place, if not I
> apologize..
>
> Ok, my problem is the following:
> I have recently upgraded my page to use CSS, templates
and all that nice
> web
> design stuff which I was not aware of before (I had
taken a big break from
> web
> page design, and the last time I had created pages when
I was younger was
> the
> old school text-editor-and-html way). Now, the problem
is that, even
> though I
> created a basic template to use in my page, the menu on
the left of the
> page
> was left as an editable region. Now, and after reading
some articles on
> SSI, I
> decided that that was wrong of me, so now I want to
change that part of
> the
> template to read the menu code from a file using SSI
(for easier updating
> in
> case I want to add/subtract menu items) but to my big
disappointment, I
> realized that editable regions in templates are not
updated. Does this
> mean
> that I have to create a new template where the menu is a
non-editable
> region
> and re-apply it to each single page, or is there a way
around it?
> Any help would be greatly appreciated, I only completed
updating my page a
> few
> days ago and I really don't want to have to go through
the process of
> tranfering every single page to a new template again! :)
>
> Thank you in advance
>
> P.S. the page I am referring to is
www.thejazzchameleon.com in case having
> a
> look will help you, the menu I want to make SSI is the
one on the left.
>

Dreamweaver Template Editable Region Old Problem

Hello,
Please, I need urgent help regarding the Adobe Dreamweaver
CS3 program for Mac OS X. It is, unfortunately, driving me crazy,
because I have now a problem that is not letting me edit any
editable region in the child pages I create and apply the template
to that page. I have tried to restart the computer, restart
Dreamweaver and even reinstalled Dreamweaver and made my Template
from scratch and nothing worked. The problem keeps there and
doesn't let me edit any editable region.
Here is what happens: I have created a Editable Region called
"Page Content". Also, another 2 editable regions called "Section
Navigation" and "Sub Navigation". These editable regions are just
there to make my job easier. In the Page Content part, I put the
content I want to add to that page, like text and a heading. For
the Navigations, I simply change the class of one list item to
"current", so that my CSS rule can be applied to that list item and
change the font, so that the users can tell in what page they are
now, you get it?
So, what happens? Everytime I try to make changes to the
editable region Dreamweaver prompts this message:
"You have made changes in the code in a region that is not
marked as an Editable Region... You will lose all of your changes
in the next update of your template. Do you want to retain all of
the changes?"
But IT IS A EDITABLE Region, so that is why I dont get it.
And it gets even worse, because after I lose all of my changes and
hours of work are wasted.
I hope you guys, experts in Dreamweaver can make my life a
lot easier by helping me solve this issue,
Please help.
Best regards,
Thank you for reading this and for the help in advance,
GB

And, by the way, such messages are usually triggered by
improper code usages
on the page - that's why we need to see your code.
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
==================
"dreamweaver_pro" <[email protected]> wrote
in message
news:[email protected]...
> Hello,
>
> Please, I need urgent help regarding the Adobe
Dreamweaver CS3 program for
> Mac
> OS X. It is, unfortunately, driving me crazy, because I
have now a problem
> that
> is not letting me edit any editable region in the child
pages I create and
> apply the template to that page. I have tried to restart
the computer,
> restart
> Dreamweaver and even reinstalled Dreamweaver and made my
Template from
> scratch
> and nothing worked. The problem keeps there and doesn't
let me edit any
> editable region.
>
> Here is what happens: I have created a Editable Region
called "Page
> Content".
> Also, another 2 editable regions called "Section
Navigation" and "Sub
> Navigation". These editable regions are just there to
make my job easier.
> In
> the Page Content part, I put the content I want to add
to that page, like
> text
> and a heading. For the Navigations, I simply change the
class of one list
> item
> to "current", so that my CSS rule can be applied to that
list item and
> change
> the font, so that the users can tell in what page they
are now, you get
> it?
>
> So, what happens? Everytime I try to make changes to the
editable region
> Dreamweaver prompts this message:
>
> "You have made changes in the code in a region that is
not marked as an
> Editable Region... You will lose all of your changes in
the next update of
> your
> template. Do you want to retain all of the changes?"
>
> But IT IS A EDITABLE Region, so that is why I dont get
it. And it gets
> even
> worst, because after I lose all of my changes and hours
of work are
> wasted.
>
> I hope you guys, experts in Dreamweaver can make my life
a lot easier by
> helping me solve this issue,
> Please help.
> Best regards,
>
> Thank you for reading this and for the help in advance,
>
> GB
>

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

Spry tabbed panel in editable region will not allow editing

Yesterday I was building a spry tabbed panel onto an existing template I created in an editable region, the whole right column is editable. Today, I get a no editing stop sign instead of a cursor in the whole tabbed panel except the tabs. However, my tabs are labeled correctly, but the panels need additional information added to them. Here is the source code:
    <h2>Hewescraft
    </h2>
    <div id="Hewescraft_boats" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Sportsman</li>
        <li class="TabbedPanelsTab" tabindex="0">Pro V</li>
        <li class="TabbedPanelsTab" tabindex="0">Sea Runner</li>
        <li class="TabbedPanelsTab" tabindex="0">Ocean Pro</li>
        <li class="TabbedPanelsTab" tabindex="0">Alaskan</li>
        <li class="TabbedPanelsTab" tabindex="0">Pacific Cruiser</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">
          <h3>Sportsman Series</h3>
          <p><img src="imageswebsite/Hewescraft/sportsmancanvasstop.jpg" width="602" height="276" alt="hewescraft sportsman" /></p>
          <p>Insert Text</p>
          <p>Click <a href="Links/HewesCraft_Sportsman[1].pdf">Here</a> for a Printable Brochure.</p>
          <p><img src="imageswebsite/untitled.jpg" width="612" height="792" alt="hewescraft sportsman features and options" /></p>
        </div>
        <div class="TabbedPanelsContent">
          <h3>Pro V Series</h3>
          <p><img src="imageswebsite/Hewescraft/prov.jpg" width="602" height="276" alt="hewescraft pro v" /></p>
          <p>Insert Text</p>
          <p>Clicke <a href="Links/HewesCraft_ProV.pdf">Here</a> for a Printable Brochure.</p>
          <p><img src="imageswebsite/Hewescraft/provfeaturesandoptions.jpg" width="612" height="792" /></p>
        </div>
        <div class="TabbedPanelsContent">
          <h3>Sea Runner Series</h3>
          <p><img src="imageswebsite/Hewescraft/searunnernomotor.jpg" width="602" height="276" alt="hewescraft searunner" /></p>
          <p>Insert Text</p>
          <p>Click<a href="Links/HewesCraft_SeaRunner.pdf"> Here</a> for a Printable Brochure.</p>
          <p><img src="imageswebsite/Hewescraft/searunnerfeaturesandoptions.jpg" width="612" height="792" alt="hewescraft searunner features and options" /></p>
        </div>
        <div class="TabbedPanelsContent">
          <h3>Ocean Pro Series</h3>
          <p><img src="imageswebsite/Hewescraft/hewesoceanpro.jpg" width="602" height="276" alt="hewescraft ocean pro" /></p>
          <p>Insert Text</p>
          <p>Click <a href="Links/HewesCraft_OceanPro.pdf">Here</a> for a Printable Brochure.</p>
          <p><img src="imageswebsite/Hewescraft/oceanprofeaturesandoptions.jpg" width="612" height="792" alt="hewescraft ocean pro features and options" /></p>
        </div>
        <div class="TabbedPanelsContent">Content 5</div>
        <div class="TabbedPanelsContent">Content 6</div>
      </div>
    </div>
    <p> </p>
    <div id="p"> </div>
    <script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("Hewescraft_boats");
    </script>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("rockys_menu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("side_menu", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Any ideas?

There is nothing wrong with the code that you have shown.
I do not use templates, in fact I hate them. I use serverside includes which allows me to update any portion of the site without having to re-upload multiple documents.
You will be better off placing your problem on the DW forum http://forums.adobe.com/community/dreamweaver/dreamweaver_general
Gramps

Fluid grid template - editable region - resize not possible

Similar Messages

Maybe you are looking for