Dreamweaver MX, template problems

I've been working on my site for a long time. For some
reason, out o' the blue, the pages and previously applied
templates, aren't separate anymore. Also, when i apply a template,
it applies a blue background (not in the template) and the menu,
and nothing else.
TIA.

> the pages and previously applied templates, aren't
separate anymore.
What does this mean?
> Also, when i apply a template, it applies a blue
background (not in the
> template) and the menu, and nothing else.
We would need to see your Template and its code to begin to
understand what
you are describing. Can you upload the Template somewhere and
post a link
to it, please?
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
==================
"kevin319" <[email protected]> wrote in
message
news:gg94im$7ip$[email protected]..
> I've been working on my site for a long time. For some
reason, out o' the
> blue, the pages and previously applied templates, aren't
separate anymore.
> Also, when i apply a template, it applies a blue
background (not in the
> template) and the menu, and nothing else.
>
> TIA.
>

Similar Messages

  • Template Problem, Can't Bring In Image

    I've been revising my site with DW CS4. I made top area of my template editable. But I am unable to place an image in the top left corner of this newly editable area on the template or on the page it's based on. http://www.deborahdavisdesign.com/photography02.html
    Did I make the area for type only? How can I change that if I did. Any help greatly appreciated. Thank you.
    Using Mac G5 OS10.5.8

    Make your links root relative. Links within Conditional
    comments will not
    be managed by Dreamweaver ever, since it sees them as HTML
    comments.
    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
    ==================
    "gwhPoster" <[email protected]> wrote in
    message
    news:ftqe1p$qpj$[email protected]..
    > Hi everyone,
    >
    > I've used the template feature in dreamweaver to create
    a site. The site
    > contains conditional comments to feed a separate
    stylesheet to internet
    > explorer browsers. The css files are stored in a css
    directory that sits
    > in the
    > main site directory. Some of the web pages are located
    in the main site
    > folder
    > and others are nested within subdirectories. Since all
    pages in the site
    > need
    > to reference the css file located in the css directory,
    the file path in
    > the
    > conditional comments within the template will have to be
    different
    > depending on
    > where the subpages exist. I tried putting the
    conditional comments within
    > an
    > editable region in the template so I could change the
    file path as needed
    > in
    > the pages themselves but because dreamweaver adds
    template comments like
    > this:
    >
    > <!-- InstanceBeginEditable name="head" -->
    > <!--[if lt IE 7]>
    > <link href="../css/win_ie.css" rel="stylesheet"
    type="text/css" />
    > <![endif]-->
    > <!-- InstanceEndEditable -->
    >
    > ...the browser isn't rendering the code.
    >
    > Can someone tell me how I can get around this problem?
    >
    > Appreciate any help.
    >
    >
    >

  • Uneditable areas Dreamweaver CS4 templates

    Hi, I set up my website with Dreamweaver CS4 and at the time made the body section editable only.
    I believe that by default this also leaves the title tags editable in the head section (which they are).
    I now want to make the meta tags and meta title section editable as well in the template so every page in my site has an individual editable area in the head of the HTML code which I can insert different information for each page that will not affect other pages upon saving.
    So my question would be how can I convert the locked down code in the head of my template page back to editable regions.
    Cheers.

    Hi, sorry thought I had this template problem fixed.
    Still trying to make the meta tags in my website template editable but when I apply the change below the meta tags seem to disappear.
    I've put an example of what I currently have and what I am trying but with no success.
    If anyone can spot any mistakes I would really appreciate it.
    I have this..
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="keywords are here" />
    <meta name="description" content="description is here" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Title</title>
    <!-- TemplateEndEditable -->
    <link href="../css-file/css.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    </head>
    And tried this..
    <!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" />
    <link href="../css-file/css.css" rel="stylesheet" type="text/css" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Title</title>
    <meta name="keywords" content="keywords are here" />
    <meta name="description" content="description is here" />
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    </head>
    As always, thanks in advance.

  • Template problem - Can't adjust file path in conditional comments

    Hi everyone,
    I've used the template feature in dreamweaver to create a
    site. The site contains conditional comments to feed a separate
    stylesheet to internet explorer browsers. The css files are stored
    in a css directory that sits in the main site directory. Some of
    the web pages are located in the main site folder and others are
    nested within subdirectories. Since all pages in the site need to
    reference the css file located in the css directory, the file path
    in the conditional comments within the template will have to be
    different depending on where the subpages exist. I tried putting
    the conditional comments within an editable region in the template
    so I could change the file path as needed in the pages themselves
    but because dreamweaver adds template comments like this:
    <!-- InstanceBeginEditable name="head" -->
    <!--[if lt IE 7]>
    <link href="../css/win_ie.css" rel="stylesheet"
    type="text/css" />
    <![endif]-->
    <!-- InstanceEndEditable -->
    ...the browser isn't rendering the code.
    Can someone tell me how I can get around this problem?
    Appreciate any help.

    Make your links root relative. Links within Conditional
    comments will not
    be managed by Dreamweaver ever, since it sees them as HTML
    comments.
    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
    ==================
    "gwhPoster" <[email protected]> wrote in
    message
    news:ftqe1p$qpj$[email protected]..
    > Hi everyone,
    >
    > I've used the template feature in dreamweaver to create
    a site. The site
    > contains conditional comments to feed a separate
    stylesheet to internet
    > explorer browsers. The css files are stored in a css
    directory that sits
    > in the
    > main site directory. Some of the web pages are located
    in the main site
    > folder
    > and others are nested within subdirectories. Since all
    pages in the site
    > need
    > to reference the css file located in the css directory,
    the file path in
    > the
    > conditional comments within the template will have to be
    different
    > depending on
    > where the subpages exist. I tried putting the
    conditional comments within
    > an
    > editable region in the template so I could change the
    file path as needed
    > in
    > the pages themselves but because dreamweaver adds
    template comments like
    > this:
    >
    > <!-- InstanceBeginEditable name="head" -->
    > <!--[if lt IE 7]>
    > <link href="../css/win_ie.css" rel="stylesheet"
    type="text/css" />
    > <![endif]-->
    > <!-- InstanceEndEditable -->
    >
    > ...the browser isn't rendering the code.
    >
    > Can someone tell me how I can get around this problem?
    >
    > Appreciate any help.
    >
    >
    >

  • Dreamweaver CS6 Templates not updating pages since i copied the website to a new computer

    Dreamweaver CS6 Templates not updating pages since i copied the website to a new computer
    First i install CS6 on the new computer
    copy the projects
    import the websites
    Now, when i change any template the pages do not update any more. New pages working correct. Also manuell updating works.
    Any Idea?
    Where are the info about the join template and the pages. Seems on the old computer - but where?
    Thx

    hm?
    now I made a new page from the template on the new machine - and find one difference:
    New Page:
    <!doctype html>
    <html lang="de"><!-- InstanceBegin template="Templates/mainvorlage.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>....
    Old Page:
    <!doctype html>
    <html lang="de"><!-- InstanceBegin template="/Templates/mainvorlage.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>...
    The slash / after template=" is not there on the new machine. If i remove the slash on the copied pages and restart dreamweaver then it works. A lot of work, but i can solve my problem this way.
    Maybe there is some checkbox for path handling...?

  • Dreamweaver CS3 install problem

    I have this problem
    I downloaded the trial today (27/06/2007) and begin the
    instalation process
    It starts installing, the "LOADING SETUP" screen appears for
    a few seconds and then it closes and nothing else happens
    I don't know what to do to solve this problem and complete
    the installation process, anyone has an idea to solve this problem?
    Never installed the BETA version
    Thanks

    Have a look at these technotes to see if there's anything
    there that may
    help:
    http://www.adobe.com/go/kb401401
    http://www.adobe.com/go/tn_15296
    Nadia
    Adobe® Community Expert : Dreamweaver
    CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    ~ Customisation Service Available ~
    http://www.csstemplates.com.au
    Spry Widget Examples
    http://www.dreamweaverresources.com/spry-widgets/
    ~ Forum Posting Guidelines ~
    http://www.adobe.com/support/forums/guidelines.html
    CSS Tutorials for Dreamweaver:
    http://www.adobe.com/devnet/dreamweaver/css.html
    "Shaka_60hp" <[email protected]> wrote in
    message
    news:f5ufo3$6j0$[email protected]..
    >I have this problem
    > I downloaded the trial today (27/06/2007) and begin the
    instalation
    > process
    > It starts installing, the "LOADING SETUP" screen appears
    for a few
    > seconds
    > and then it closes and nothing else happens
    > I don't know what to do to solve this problem and
    complete the
    > installation
    > process, anyone has an idea to solve this problem?
    > Never installed the BETA version
    > Thanks
    >

  • Weird dreamweaver keyboard mapping problem

    weird dreamweaver keyboard mapping problem:
    Hope this solution helps someone out. If you have q's, ask
    and I will try to help.
    I was having a weird problem in dreamweaver... Whenever I was
    in code view and typed "shift+i" to make a capital "I", instead it
    would paste from the clipboard.
    I finally figured out what was happening. I compared the
    menu.xml in my app support folder in the user library to the
    original menu.xml file that was in the application folder. I went
    through until I came across the diff:
    menu.xml in my library/app support folder:
    <!-- Windows Navigation Shortcuts -->
    <shortcut key="Cmd+Ins" name="Copy2" platform=""
    command="if (dw.canClipCopy()) { dw.clipCopy() }"
    domRequired="FALSE" id="DWShortcuts_HTMLSource_Copy2" />
    <shortcut key="Shift+Ins" name="Paste2" platform=""
    command="if (dw.canClipPaste()) { dw.clipPaste() }"
    domRequired="FALSE" id="DWShortcuts_HTMLSource_Paste2" />
    <shortcut key="Shift+Del" name="Cut2" platform=""
    command="if (dw.canClipCut()) { dw.clipCut() }" domRequired="FALSE"
    id="DWShortcuts_HTMLSource_Cut2" />
    orig menu.xml file:
    <!-- Windows Navigation Shortcuts -->
    <shortcut key="Cmd+Ins" name="Copy2" platform=""
    command="if (dw.canClipCopy()) { dw.clipCopy() }"
    domRequired="FALSE" id="DWShortcuts_HTMLSource_Copy2" />
    <shortcut key="Shift+Ins" name="Paste2" platform=""
    command="if (dw.canClipPaste()) { dw.clipPaste() }"
    domRequired="FALSE" id="DWShortcuts_HTMLSource_Paste2" />
    <shortcut key="Shift+Del" name="Cut2" platform=""
    command="if (dw.canClipCut()) { dw.clipCut() }" domRequired="FALSE"
    id="DWShortcuts_HTMLSource_Cut2" />
    There was a diff in the "platform=" tags. The orig stated
    [platform="win"], my config stated [platform=""] (nothing in
    between the ""'s). So, I reset the platform tag to be
    [platform="win"] in my settings and then relaunched dreamweaver. It
    fixed the problem.
    Not sure how this occurred, but it works now.

  • [URGENT] Ques::custom Template Problem in IF statement?

    kindly help me out in solving this template problem...
    this is what i have written for my JHEADSTART Template.. where i recieve error.
    #if ( #WIZARD_PAGE_LIST_BEAN().selectedStep==3)
    <af:panelPage title="#if (!${JHS.current.group.hasTreeLayout})#PAGE_TITLE()#end" id="panelPage" partialTriggers="CreateNewEquip_AccSpcEquip">
    #else
    <af:panelPage title="#if (!${JHS.current.group.hasTreeLayout})#PAGE_TITLE()#end" id="panelPage" >
    #end
    i want to check if wizard step has value 3 then corresponding line showed be executed....
    NEED URGENT REPLY... THANKS

    [CreateNewEquip_AccequipmentDefinition.jspx] org.apache.velocity.exception.ParseErrorException: Encountered "#WIZARD_PAGE_LIST_BEAN" at line 37, column 7.
    Was expecting one of:
    <STRING_LITERAL> ...
    "true" ...
    "false" ...
    <NUMBER_LITERAL> ...
    <IDENTIFIER> ...
    Kindly let me know the Right expression for it ...

  • Inserting RSS Feeds into a Dreamweaver CS3 Template

    I've created a website template in Dreamweaver CS3. We need
    to insert an RSS feed that will allow our web site to receive news
    updates and information pertinent to our consumers needs. Please
    help! I have no clue how to do this.

    Which version of FW? If FWMX 2004 or earlier, you would need
    to read this
    carefully -
    http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
    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
    ==================
    "hraklis_1" <[email protected]> wrote in
    message
    news:g4p0l0$lak$[email protected]..
    > I've created a dreamweaver cs3 template for my website.
    I've also created
    > a
    > menu in fireworks which has popup menu's. If I create a
    new page (not from
    > a
    > template) and insert the fireworks html, everything
    works fine when I try
    > to
    > preview it.
    >
    > However, if I insert the fireworks html into a page
    created from a
    > template,
    > or even the original template file, the image of the
    menu is inserted and
    > can
    > be viewed, but the popup menu's do not appear. Any
    thoughts or
    > suggestions?
    >

  • Dreamweaver Template Problem

    I am using Adobe Dreamweaver CS5.5 and my employer is using Dreamweaver version 9.  We have created templates, but when she tries to update the template the changes are not showing up on the attached pages.  Could someone help us find what we are doing wrong?  Also, I am a virtual assistant and live in Montana while she is in Texas.

    Here are seven common mistakes that will result in changes not propagating from Template to child -
    1. Rename the Templates folder
    2. Move the Templates folder to some other folder level in the site other than root level
    3. Move a template out of the Templates folder.
    4. Make changes to an editable region of the Template (which will not propagate)
    5. Assume that Template changes will be effected by just uploading the changed Template file to the server without also uploading the changed local files
    6. Corrupt the site cache so that the link between Template and child page is broken
    7. Improperly create your child pages by simply opening the Template, adding page specific content, and resaving the Template with an *.html extension rather than its *.dwt extension. (you can tell if this is the case by looking at the code on a child page - if you see anything like <!-- TemplateBeginEditable... then this is what you have done). If you *have done this*, then recreate the child pages (in DW) using FILE | New > Page from Template, select the Template and click CREATE.
    The 6th problem can be repaired by using SITE | Advanced > Recreate Site Cache, and the six others can be fixed by just not doing them. Have you done any of those?
    Or, read this -
    http://www.adobe.com/go/dd83ba8b

  • Dreamweaver 8 template update pages problem

    Does anyone have any ideas on this?
    I just upgraded to Dreamweaver 8 and am getting very
    frustrated with it so far. When I change a template and allow it to
    update the pages using that template, it automatically inserts the
    following code on each page which shows up then as TEXT on the page
    and I have to go and manually delete it on every page using the
    template.
    <!-- function MM_swapImgRestore() { //v3.0 var
    i,x,a=document.MM_sr;
    for(i=0;a&&i<a.length&&(x=a
    )&&x.oSrc;i++) x.src=x.oSrc; } function
    MM_preloadImages() { //v3.0 var d=document; if(d.images){
    if(!d.MM_p) d.MM_p=new Array(); var
    i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
    i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new
    Image; d.MM_p[j++].src=a
    ;}} } function MM_swapImage() { //v3.0 var
    i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
    for(i=0;i<(a.length-2);i+=3) if
    ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
    x.oSrc=x.src; x.src=a[i+2];} } function
    MM_jumpMenu(targ,selObj,restore){ //v3.0
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
    if (restore) selObj.selectedIndex=0; } //-->

    Can we see the rest of the page?
    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
    ==================
    "DeTuinman1970" <[email protected]> wrote in
    message
    news:[email protected]...
    > Here is my template html. That code is in the template
    and the pages are
    > all
    > fine. However, when I change anything on the template
    page, and update the
    > pages using this template, what I listed in my first
    post shows as actual
    > text
    > on each of my pages (the template itself after updating
    looks totally fine
    > with
    > no code as text, only the updated pages all have the
    code as text.
    > It won't let me post the entire code of the template, so
    I'm just putting
    > the
    > beginning part on.
    > I never had this problem with Dreamweaver 4 so I don't
    know why this is
    > happening!
    >
    > <html>
    > <head>
    > <!-- #BeginEditable "doctitle" -->
    > <title>web template</title>
    > <!-- #EndEditable -->
    > <LINK REL=STYLESHEET TYPE="text/css"
    HREF="../style.css">
    > <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1">
    > <script language="JavaScript">
    > <!--
    > function MM_swapImgRestore() { //v3.0
    > var i,x,a=document.MM_sr;
    for(i=0;a&&i<a.length&&(x=a
    )&&x.oSrc;i++)
    > x.src=x.oSrc;
    > }
    >
    > function MM_preloadImages() { //v3.0
    > var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new
    Array();
    > var i,j=d.MM_p.length,a=MM_preloadImages.arguments;
    for(i=0;
    > i<a.length;
    > i++)
    > if (a.indexOf("#")!=0){ d.MM_p[j]=new Image;
    > d.MM_p[j++].src=a
    > }
    >
    > function MM_swapImage() { //v3.0
    > var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new
    Array;
    > for(i=0;i<(a.length-2);i+=3)
    > if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x;
    if(!x.oSrc)
    > x.oSrc=x.src; x.src=a[i+2];}
    > }
    >
    > function MM_jumpMenu(targ,selObj,restore){ //v3.0
    >
    eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
    > if (restore) selObj.selectedIndex=0;
    > }
    >
    > function MM_findObj(n, d) { //v4.01
    > var p,i,x; if(!d) d=document;
    >
    if((p=n.indexOf("?"))>0&&parent.frames.length) {
    > d=parent.frames[n.substring(p+1)].document;
    n=n.substring(0,p);}
    > if(!(x=d[n])&&d.all) x=d.all[n]; for
    (i=0;!x&&i<d.forms.length;i++)
    > x=d.forms
    [n];
    >
    for(i=0;!x&&d.layers&&i<d.layers.length;i++)
    > x=MM_findObj(n,d.layers.document);
    > if(!x && d.getElementById)
    x=d.getElementById(n); return x;
    > }
    > //-->
    > </script>
    > </head>
    >
    >

  • Dreamweaver template problems

    Is anyone else having trouble with templates? I save the template and it does not change the template pages or somewhat inconsistently. What is the deal.

    This is the page the flash bar does not appear on, yet it is in the code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #FFF;
    background-color: #FFFFFF;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color:#414958;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #4E5869;
    text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 200px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    overflow: hidden; /* this declaration makes the .container clear all floated columns within it. */
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
    float: left;
    width: 20%;
    background: #93A5C4;
    padding-bottom: 10px;
    .content {
    padding: 10px 0;
    width: 80%;
    float: left;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    ul.nav li {
    border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    text-decoration: none;
    background: #8090AB;
    color: #000;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background: #6F7D94;
    color: #FFF;
    /* ~~miscellaneous float/clear classes~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <script src="../Yahoo_Style_Menu/MenuScript.js" type="text/javascript"></script>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2299022" binding="#divId" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <p><a href="../index.html"><img src="../Images/Web-site-header1.gif" width="864" height="135" alt="Chase Air Header" /></a></p>
    <p> </p>
    3
    <div id="f_source_navigation" style="position:relative; top:20px; left:0px; width:640px;">
      <!-- Edit the following navigation in frienldy user interface http://f-source.com/gui/ -->
      <!-- saved from url=(0014)about:internet -->
      <div id='menu' style='display:none;'>
        <div><a href='http://f-source.com'>Flash menu</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com' target='_blank'>SEO friendly</a></div>
          <div><a href='http://f-source.com' target='_blank'>Flexible</a></div>
          <div><a href='http://f-source.com/ajax-menu/'>Ajax ready</a></div>
          <div><a href='http://f-source.com/menu-bar/yahoo/'>Multi-level</a></div>
          <div><a href='http://f-source.com/faq/xml/'>XML driven</a></div>
        </div>
        <div><a href='http://f-source.com/faq/'>FAQ</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com/ajax-menu/'>Ajax Menu</a></div>
          <div><a href='http://f-source.com/gui/'>Edit the menu</a></div>
          <div><a href='http://f-source.com'>SubButton2-3</a></div>
          <div><a href='http://f-source.com'>SubButton2-4</a></div>
        </div>
        <div><a href='http://f-source.com/gui/'>GUI</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com/gui/'>Friendly User Interface</a></div>
          <div><a href='javascript:alert(message)'>Test JavaScript</a></div>
          <div><a href='http://f-source.com/buy/adobeMenu/'>Drop down menu</a></div>
          <div><a href='http://f-source.com/dreamweaver-extensions/'>Dreamweaver extensions</a></div>
          <div><a href='http://webstunning.com/flv-player/demos/'>FLV Player</a></div>
          <div><a href='http://webstunning.com/photo-gallery/demos/'>Image Gallery</a></div>
        </div>
        <div><a href='http://f-source.com/support/'>Help</a></div>
        <div class='submenu'>
          <div><a href='http://f-source.com'>SubButton4-1</a></div>
          <div class='submenu'>
            <div><a href='http://f-source.com'>SubButton4-1-1</a></div>
            <div class='submenu'>
              <div><a href='http://f-source.com'>SubButton4-1-1-1</a></div>
              <div><a href='http://f-source.com'>SubButton4-1-1-2</a></div>
              <div><a href='http://f-source.com'>SubButton4-1-1-3</a></div>
              <div><a href='http://f-source.com'>SubButton4-1-1-4</a></div>
            </div>
            <div><a href='http://f-source.com'>SubButton4-1-2</a></div>
            <div><a href='http://f-source.com'>SubButton4-1-3</a></div>
            <div><a href='http://f-source.com'>SubButton4-1-4</a></div>
          </div>
          <div><a href='http://f-source.com'>SubButton4-2</a></div>
          <div><a href='http://f-source.com'>SubButton4-3</a></div>
          <div><a href='http://f-source.com'>SubButton4-4</a></div>
        </div>
        <div><a href='http://f-source.com'>&lt;b&gt;Bold Text&lt;/b&gt;</a></div>
        <div ><a href='http://www.google.com/search?q=' target='_blank'>Search</a></div>
      </div>
      <!-- Flash Object code (EMBED tag will be generated automatically) -->
      <div id="f-source-menu" style="position:relative;" >
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="Yahoo_Style_Menu" width="640" height="37" >
          <param name="movie" value="Yahoo_Style_Menu/menu.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <param name="FlashVars" value="flashlet={bg_Pic_URL:'None',xml_Path:'',stretch_width_to:'640px',_TransparencyShad ow:27,_removeSubDelay:500,_minSubWidth:60,_max_height:550,showSearchField:false,searchFiel dWidth:100,searchTextColor:#000000,mainSoundURL:,clickSoundURL:,subSoundURL:,_mainButtonHe ight:37,_menuColor:#8B7BEA,_mainFont:'Arial, Helvetica, sans-serif',_mainFontSize:13,_mainButtonTextColor:#FFFFFF,_mainButWidthExt:1,_mainHighlig htColor:#6f5dd3,_TransparencyMain:100,_subButtonHeight:20,_subMenuColor:#4F3BBF,_subFont:' Arial, Helvetica, sans-serif',_subFontSize:10,_subButtonTextColor:#FFFFFF,_subHighlightColor:#8B7BEA,_Trans parencySub:100,_pos_type:'relative',_pos_centered:false,_pos_top:20,_pos_left:0,_pos_inser t:'the insertion point',_pos_z:0,_file_folder:'Yahoo_Style_Menu'}" />
          <noscript>
            The <a href="flash" _mce_href="http://f-source.com/">flash">http://f-source.com/">flash menu</a> provided by f-source.com. All Rights Reserved
          </noscript>
        </object>
        <script type="text/javascript">var connected; var message="Hello!"; if (connected){ Run_f_source_menu() }else{ alert("The file MenuScript.js could not be loaded!") }</script>
      </div>
    </div>
    <p><a href="schedule a tune up.html"><img src="../Images/tune-up-buttion.gif" width="250" height="250" alt="Schedule a precision tune up today" /></a><!-- InstanceBeginEditable name="EditRegion3" --><img src="../Images/Schedule-a-tuneup.gif" width="600" height="250" alt="schedule a tuneup" />EditRegion3<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="EditRegion4" -->EditRegion4<!-- InstanceEndEditable --></p>
    <p><img src="../Images/scheduleestimate.gif" width="200" height="75" alt="Schedule a FREE estimate" /> <a href="../schedulerepair.html"><img src="../Images/schedulearepair.gif" alt="Schedule a repair" width="200" height="75" border="0" /></a> <img src="../Images/schedulemaintenance.gif" width="200" height="75" alt="Schedule maintenance" /></p>
    </body>
    <!-- InstanceEnd --></html>

  • Dreamweaver Template problem updating links since upgrading to cs 5

    I've just installed DW CS5 onto my W7 system.
    Can some one please explain why when I update the menu links on my template
    now
    All my links are displayed like this now when the template updates
    <li><a href="membrane_keypad.htm">Membrane Keypads </a></li>
    I wish them to be like how they were below
    <li><a href="../membrane_keypad.htm">Membrane Keypads </a></li>
    Even if I hard code like the above code ..//membrane_keypad.htm  dreamweaver cs5 over writes
    them when I update the template.
    Is there a setting somewhere I have missed.
    I never had this issue on CS4
    Regards
    Ian

    The links in the page will depend on what the links look like in the Template file and where the child page is saved in the site.
    So - what do those links look like in the Template file?  Where is the child page saved in the site?
    Dreamweaver manages links in Template files and in Library items so that they are adjusted to account for saving that child page at any folder location in the site.  Are you saying you DON'T want DW to do that?
    For what it's worth, there is no difference between CS5 and CS4 regarding management of these links.

  • Dreamweaver 8 FTP problem

    Hi,
    I have updated from Dreamweaver MX 2004 to Dreamweaver 8.0.2
    three days ago. Everything went well with that update.
    Dreamweaver 8 has kept my old FTP data so I was able to
    connect without problem to my server and work flawlessly with my
    files. But today, I thought it could be a good idea to refresh my
    FTP data, so I have removed it and build new FTP server data inside
    Dreamweaver 8. -- Now I can connect to the server, but I have lost
    all my links to my folders, etc. Pictures are not displayed anymore
    until I have to write the full path
    http://www.etc.etc/etc to relink
    to my folders.
    Do anybody knows why, without having changing the links into
    my site, dreamweaver doesn't recognize the relative path that links
    to my folder? FYI, every .html, .js and .css files are placed
    inside the same root folder, my pictures are placed in sub folders
    in the same root.
    Best Regards

    > After having installed the FTP part,
    > the local preview mode has cut access to almost all my
    files???.
    Not possible unless you made some mistake. Did you by chance
    create a
    TESTING server as well? I have seen some people duplicate the
    Remote site
    settings for the testing server - and that would be a
    problem.
    > FYI, I had these problems described earlier because I
    wanted to work in
    > FTP
    > Remote without having to install any local site like I
    use to do with
    > Dreamweaver MX 2004, but I think that Dreamweaver 8 does
    not allow this
    > approach.
    DW8 does allow this approach, but it's a very dangerous mode
    to work in -
    particularly if you are not too sure about what DW is doing.
    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
    ==================
    "PierreBellefeuille" <[email protected]>
    wrote in message
    news:[email protected]...
    > Hi Nick,
    >
    > I have solved the problem this way: as I undestand
    Dreamweaver 8 workflow,
    > I
    > had first to defined a local site on my computer HD. I
    was able to access
    > my
    > files without any problem with just the local site
    installed. Than I
    > returned
    > to the ?Manage files? to fill my FTP data. After having
    installed the FTP
    > part,
    > the local preview mode has cut access to almost all my
    files???. With the
    > Local
    > site and the FTP installed, I have used the ?Put? botton
    to put back the
    > whole
    > site from the remote server to the local site on my
    computer. Now
    > everything
    > works perfectly fine. No more problem at all.
    >
    > FYI, I had these problems described earlier because I
    wanted to work in
    > FTP
    > Remote without having to install any local site like I
    use to do with
    > Dreamweaver MX 2004, but I think that Dreamweaver 8 does
    not allow this
    > approach. So we have to have both the local site and the
    remote site
    > installed.
    >
    > Thank you again Nick!
    >

  • Mark of the web/template problem

    I created three Dreamweaver Templates for my site. I inserted the mark of the web code to each template to allow me to test and preview pages without the pop-up messages. All of my pages are about done and some pages using spry and SWF files weren't previewing properly in IE so I decided that it was time to remove the mark of the web code from the templates. As soon as I tried doing this I got a message about data outside the HTML tag and if I continue changes to pages based on this template will not occur unless you insert the following code <!--TemplateInfo CodeOutsideHTMLisLocked="true"-->.
    So I hit continue. I got a couple of other error messages telling me I did something wrong. I went back into my template and typed in the code Dreamweaver told me to enter. I saved the template and got some more errors. I didn't think to copy it all down at the time. So after all these nasty messages I'm not sure what's happened. So I make some changes to a horizontal spry menu and hit save. I get some more error messages about the changes will not affect pages based on the template. I have to cancel out of a couple of error dialog boxes. I load a few pages that were based on the template and see that none of the changes that I made to the spry menu on the template are reflected on the html pages created from the template.
    So I go into the template and try deleting all references to the mark of the web code. Then I try changing the CodeOutsideHTMLisLocked="true"--> to "false." That didn't work. Then I tried deleting the entire line <!--TemplateIinfo CodeOutsideHTMLisLocked="true"--> thinking that if I just got rid of all of it that it would fix my problem. No such luck.
    So now I start searching online for answers and I see some things about attaching and detaching templates. Okay, so maybe if I detach the template and then re-attach it everything will update. When I follow the instructions to do this I learn that the page is no longer attached to a template. That would explain why my changes in the template aren't updating the other pages. So then I try re-attaching the template. I open the assets panel, click on templates, select the template, and then click apply. Nothing. It won't let me attach a template. Template properties shows no template properties available.
    Here is some of the code from of a page based on the template two_column.dwt
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/two_column.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="document_info" -->
    <title>ONA</title>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <meta name="Description" content="This page contains images of some of the former employes of Overseas National Airways." />
    You can't see it the code I pasted but everything after 1999/xhtml is grayed out and you can't edit it.
    So now I'm totally confused and have no idea what I need to do to straighten this mess out.

    I thought I'd update this discussion and close it out. The reason why my pages weren't updating was because I
    was using a template improperly. I had made the menu editable, which you're not supposed to do. The whole mark of the web issue was unrelated to my problem.

Maybe you are looking for

  • How to redirect to other page in a dialogListener?

    Hi All, I am using JDeveloper 11g with ADF BC. How to redirect to another page from a dialogListener of <af:dialog>? I have a page with a [Delete] button on it. When user click on the delete button, a confirmation dialog will appear to ask "Are you s

  • Why do my bookmarks in the toolbar change places

    After the update to FF 7.0 the bookmarks in my toolbar changed places. I put them back to the order that I'm used to and want to have them in, but all of a sudden they changed places again. I tried to get them in my order again, but again they change

  • How to install Windows-only applications on Macs?

    Is there a way to do this without having to purchase huge software programs (like Parallels, etc.)? I am only wanting to run 1 Windows-only application, not install the entire Windows-theme onto my laptop. Thanks for the help!

  • Help the Newbie, plz

    I have another question. Let say that I ave 6 channels for testing and I have the VI to do I/O for the each channel. However, depending on the testing period, it sometimes takes a long time. So, how can I automate the process. Let say for channel 1,

  • Ipod randomly pauses for 3 or 4 seconds...

    I have a 160gig Classic and it's been wonderful. Until the last update. Now it's started pausing or "cutting out" for 3 or 4 seconds randomly during songs. When I rewind the song and play the same spot, it plays fine, so it's not the songs (they all