Editable region and more

I would love if an EXPERT could access my desktop and help me...seems i created a site under manage sites but it contains way more than just the single web site.
ASAP would be swell.
Will of course pay for your time!
Thanks!

I don't do computer links for security reasons.
View the screenshots below and compare them with your site's set-up. 
Site > Manage Sites > Edit or New >
Local Site:  Browse to or type the folder location on your hard drive.
Remote Site:  Log-in details & Root Directory as provided by your web host.
Nancy O.

Similar Messages

  • 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;

  • When i set page as template, set editable regions and try to view in browser IE 9 a download box com

    When I set page as template, set editable regions and try to view in browser IE 9 a download box comes up and when i click open it just opens the file again in DW.

    Use the Template to spawn a child page.  File > New > Page from Template...
    Save the child page as some_file.html and then preview that in your browsers.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

  • Editable regions and flash videos

    Okay so im creating a new website and I have already got
    stuck with something. The problem is rather annoying, I could first
    easily insert flash videos to my website before I turned it into a
    template, but I have now turned my pages into a template as im
    creating a site with lots of videos on different pages. Thing is, I
    have an 'editable region' in the middle section, and because of
    that I cannot add videos to either my template file (.DWT) or my
    other html files. It says I need to change code in the original
    template to continue. Please help and thanks for reading!

    > It
    > says I need to change code in the original template to
    continue.
    url to the page please??
    tip: if inserting into a locked area of the template, if it's
    dw 8.03 or
    CS3, you need to insert the flash with a site root relative
    path, so that
    the paths come out right in the child pages.
    Alan
    Adobe Community Expert, dreamweaver
    http://www.adobe.com/communities/experts/

  • Editable regions and Flash movie

    Hi,
    I am trying to insert a flash movie into an editable region
    of a child page, but I keep getting the following error: "Making
    this change would require changing code that is locked by a
    template or translator. The change will be discarded."
    I have read previous posts about the same issue, but none of
    them answers my question. I tried creating a new template and a
    child from it as a test deleting the css links (like some one
    suggested to do) to try to identify the troubled css and I kept
    getting the same error in the new pages. I hope someone can help to
    identify the issue and the solution. The region where I want to
    insert the movie is called "FinalMainContent."
    BTW, I do not know how to write code... Sorry!
    Thanks, in advance, for any help you can provide!
    Here is the code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="
    http://www.w3.org/1999/xhtml"><!--
    InstanceBegin template="/Templates/Main Pages.dwt"
    codeOutsideHTMLIsLocked="false" -->
    <head>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>TotusMundus - Video/Film</title>
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    <!--Fireworks 8 Dreamweaver 8 target. Created Sat Jan 13
    16:43:41 GMT-0500 ( ) 2007-->
    <link href="TotusMundus_Styles.css" rel="stylesheet"
    type="text/css" />
    <!-- InstanceBeginEditable name="head" -->
    <link href="Templates/TotusMundus_Styles.css"
    rel="stylesheet" type="text/css" />
    <!-- InstanceEndEditable -->
    <script language="JavaScript1.2"
    type="text/javascript">
    <!--
    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;
    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_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;}}
    //-->
    </script>
    <script type="text/javascript"
    src="p7pm/p7popmenu.js"></script>
    <style type="text/css">
    td img {display: block;}</style>
    <style type="text/css" media="screen">
    <!--
    @import url("p7pm/p7pmv0.css");
    a:link {
    color: #999999;
    text-decoration: none;
    a:visited {
    text-decoration: none;
    color: #666666;
    a:hover {
    text-decoration: none;
    color: #666666;
    a:active {
    text-decoration: none;
    color: #666666;
    -->
    </style>
    <script src="Scripts/AC_RunActiveContent.js"
    type="text/javascript"></script>
    </head>
    <body
    onload="P7_initPM(0,0,1,0,-8);MM_preloadImages('Images/LinesBtn_f2.jpg','Images/SmallFlow erBtn_f2.jpg','Images/SquigliBtn_f2.jpg','Images/StarBtn_f2.jpg','Images/DoubleSquigliBtn_ f2.jpg','Images/BigFlowerBtna_f2.jpg','Images/PrevBtn_f2.jpg','Images/NextBtn_f2.jpg');">< table
    align="center" border="0" cellpadding="0" cellspacing="0"
    width="800">
    <!-- fwtable fwsrc="Index.png" fwbase="TotusMundus.jpg"
    fwstyle="Dreamweaver" fwdocid = "1262947761" fwnested="0" -->
    <tr>
    <td><img src="Images/spacer.gif" width="116"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="8"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="182"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="109"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="102"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="180"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="7"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="96"
    height="1" border="0" alt="" /></td>
    <td><img src="Images/spacer.gif" width="1"
    height="1" border="0" alt="" /></td>
    </tr>
    <tr>
    <td rowspan="2" colspan="7"><a
    href="index.htm"><img name="LogoAnfTagLine"
    src="Images/LogoAnfTagLine.jpg" width="704" height="100" border="0"
    id="LogoAnfTagLine" alt="" /></a></td>
    <td><img name="MusicTitle"
    src="Images/MusicTitle.jpg" width="96" height="74" border="0"
    id="MusicTitle" alt="" /></td>
    <td><img src="Images/spacer.gif" width="1"
    height="74" border="0" alt="" /></td>
    </tr>
    <tr>
    <td rowspan="4"><a href="javascript:;"
    onmouseout="MM_swapImgRestore();"
    onmouseover="MM_swapImage('LinesBtn','','Images/LinesBtn_f2.jpg',1);"><img
    name="LinesBtn" src="Images/LinesBtn.jpg" width="96" height="57"
    border="0" id="LinesBtn" alt="" /></a></td>
    <td><img src="Images/spacer.gif" width="1"
    height="26" border="0" alt="" /></td>
    </tr>
    <tr>
    <td colspan="7"><img name="CushionforPath"
    src="Images/CushionforPath.jpg" width="704" height="13" border="0"
    id="CushionforPath" alt="" /></td>
    <td><img src="Images/spacer.gif" width="1"
    height="13" border="0" alt="" /></td>
    </tr>
    <tr>

    Can you upload the page and just post a link to it?
    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
    ==================
    "TheUniverse" <[email protected]> wrote in
    message
    news:[email protected]...
    > 3rd part of the code:
    >
    > <td><a href="javascript:;"
    onmouseout="MM_swapImgRestore();"
    >
    onmouseover="MM_swapImage('StarBtn','','Images/StarBtn_f2.jpg',1);"><img
    > name="StarBtn" src="Images/StarBtn.jpg" width="96"
    height="82" border="0"
    > id="StarBtn" alt="" /></a></td>
    > <td><img src="Images/spacer.gif" width="1"
    height="82" border="0"
    > alt=""
    > /></td>
    > </tr>
    > <tr>
    > <td><a href="javascript:;"
    onmouseout="MM_swapImgRestore();"
    >
    onmouseover="MM_swapImage('DoubleSquigliBtn','','Images/DoubleSquigliBtn_f2.jpg'
    > ,1);"><img name="DoubleSquigliBtn"
    src="Images/DoubleSquigliBtn.jpg"
    > width="96"
    > height="127" border="0" id="DoubleSquigliBtn" alt=""
    /></a></td>
    > <td><img src="Images/spacer.gif" width="1"
    height="127" border="0"
    > alt=""
    > /></td>
    > </tr>
    > <tr>
    > <td rowspan="5"><a href="javascript:;"
    > onmouseout="MM_swapImgRestore();"
    >
    onmouseover="MM_swapImage('BigFlowerBtna','','Images/BigFlowerBtna_f2.jpg',1);">
    > <img name="BigFlowerBtna"
    src="Images/BigFlowerBtna.jpg" width="96"
    > height="107" border="0" id="BigFlowerBtna" alt=""
    /></a></td>
    > <td><img src="Images/spacer.gif" width="1"
    height="32" border="0"
    > alt=""
    > /></td>
    > </tr>
    > <tr>
    > <td colspan="6"><!-- InstanceBeginEditable
    name="BotBox" --><img
    > name="BotBox" src="Images/BotBox.jpg" width="588"
    height="8" border="0"
    > id="BotBox" alt="" /><!-- InstanceEndEditable
    --></td>
    > <td><img src="Images/spacer.gif" width="1"
    height="8" border="0" alt=""
    > /></td>
    > </tr>
    > <tr>
    > <td rowspan="3" align="center" valign="middle"
    > class="LeftBtn"><!-- InstanceBeginEditable
    name="RotWorld" -->
    > <script type="text/javascript">
    > AC_FL_RunContent(
    > 'codebase','
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
    >
    version=7,0,19,0','width','32','height','32','title','RotWorld','src','../Media/
    > RotWorld','quality','high','pluginspage','
    http://www.macromedia.com/go/getflashp
    > layer','movie','../Media/RotWorld' ); //end AC code
    > </script>
    > <noscript>
    > <object
    classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    > codebase="
    http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
    > rsion=7,0,19,0" width="32" height="32"
    title="RotWorld">
    > <param name="movie" value="Media/RotWorld.swf" />
    > <param name="quality" value="high" />
    > <embed src="Media/RotWorld.swf" quality="high"
    > pluginspage="
    http://www.macromedia.com/go/getflashplayer"
    > type="application/x-shockwave-flash" width="32"
    height="32"></embed>
    > </object>
    > </noscript>
    > <!-- InstanceEndEditable --></td>
    > <td rowspan="2" colspan="2"
    > valign="top" class="Print"><!--
    > InstanceBeginEditable name="Print" -->Print
    Document<!--
    > InstanceEndEditable
    > --></td>
    > <td><!-- InstanceBeginEditable name="PrevBtn"
    --><a
    > href="MedProdAbout.htm"
    > onmouseout="MM_swapImgRestore()"
    >
    onmouseover="MM_swapImage('PrevBtn','','Images/PrevBtn_f2.jpg',1)"><img
    > name="PrevBtn" src="Images/PrevBtn.jpg" width="109"
    height="31" border="0"
    > id="PrevBtn" alt="" /></a><!--
    InstanceEndEditable --></td>
    > <td><!-- InstanceBeginEditable name="NextBtn"
    --><a
    > href="MedProdPhoto.htm"
    > onmouseout="MM_swapImgRestore()"
    >
    onmouseover="MM_swapImage('NextBtn','','Images/NextBtn_f2.jpg',1)"><img
    > name="NextBtn" src="Images/NextBtn.jpg" width="102"
    height="31" border="0"
    > id="NextBtn" alt="" /></a><!--
    InstanceEndEditable --></td>
    > <td rowspan="2" colspan="2"
    > valign="top"> <p
    > class="Search"
    > style="margin:0px"><a
    href="Search.htm">Search</a></p></td>
    > <td><img src="Images/spacer.gif" width="1"
    height="30" border="0"
    > alt=""
    > /></td>
    > </tr>
    > <tr>
    > <td colspan="2"><img name="BotExtra2"
    src="Images/BotExtra2.jpg"
    > width="211" height="16" border="0" id="BotExtra2" alt=""
    /></td>
    > <td><img src="Images/spacer.gif" width="1"
    height="16" border="0"
    > alt=""
    > /></td>
    > </tr>
    > <tr>
    > <td colspan="6"
    > class="CopyRightText">© 2006 - 2004
    TotusMundus.org - all rights
    > reserved</td>
    > <td><img src="Images/spacer.gif" width="1"
    height="21" border="0"
    > alt=""
    > /></td>
    > </tr>
    > </table>
    > </body>
    > <!-- InstanceEnd --></html>
    >

  • Editable Regions and Templates -- Problem in IE

    Hello,
    I have a template that I use throughout my site. The template
    includes
    the Spry Menu Bar and three editable regions. The pages all
    look great
    in Firefox. But in IE6 and IE7, there is a problem--white
    space
    vanishes and the text is too close to the objects above it.
    Specifically, The &lt;h3&gt;Page
    Title&lt;/h3&gt;appears to close underneath
    &lt;td&gt;&lt;!-- TemplateBeginEditable
    name=&quot;EditRegion1&quot; --&gt;. It's fine in
    Firefox, however.
    Any help is greatly appreciated.
    Thank you,
    =====================
    Here's the code.
    &lt;style type=&quot;text/css&quot;&gt;
    &lt;!--
    body {
    background-color: #878737;
    --&gt;
    &lt;/style&gt;
    &lt;/head&gt;
    &lt;body text=&quot;#333333&quot;
    vlink=&quot;#333333&quot; alink=&quot;#333333&quot;
    leftmargin=&quot;0&quot;
    topmargin=&quot;0&quot;
    marginwidth=&quot;0&quot;
    marginheight=&quot;0&quot;&gt;
    &lt;TABLE width=&quot;800&quot; border=0
    align=&quot;center&quot; cellpadding=0 cellspacing=0
    bgcolor=&quot;#FFFFFF&quot;&gt;
    &lt;TBODY&gt;
    &lt;tr&gt;
    &lt;td
    width=&quot;2%&quot;&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td width=&quot;96%&quot;&gt;&lt;img
    src=&quot;../SpryAssets/mainnav_logo.jpg&quot;
    /&gt;&lt;/td&gt;
    &lt;td
    width=&quot;2%&quot;&gt;&amp;nbsp;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
    &lt;td&gt;&amp;nbsp;&lt;/td&gt;
    &lt;td&gt;&lt;!-- TemplateBeginEditable
    name=&quot;EditRegion1&quot; --&gt;
    &lt;h3&gt;Page Title&lt;/h3&gt;
    &lt;!-- TemplateEndEditable
    --&gt;&lt;/td&gt;

    TEST BED:
    I shrinked my test site to just 1 photo page with only 3 pictures and I I published it to a folder:
    Safari 3.1.1 has no problems
    Mozilla Firefox 2.0.0.2 has no problems
    Opera 9.5 has no problems
    IE 7.0.5730.13 cannot render any picture !!!!
    DEEP DIVE:
    IE fails and if "notifications" are turned on complains about run time error "Error: Access Denied" on line 504 of a script. I went deeper and using the Microsoft Just in Time Debugging features apparently the offending javascript is "iWeb - iWebSite.js" with an ajaxRequest called "req.open('GET',url,true)"
    iWEB on LEOPARD is no better
    I booted with an external disk using Leopard and I used iWeb just 1 photos page
    no way IE still complains (so far I am using Mac Tiger level)
    HOW CAN YOU HELP
    To those of you who succeeded with iWeb+IE (and have time to lend) I can send the zipped 2MB actual iWeb "package" named "Domain.site2" used by my iWeb to save the site under editing before any publishing.
    you temporarily rename your "Domain.site2" + substitute it with my "Domain.site2" + start iWeb and see if you can publish/see it correctly.
    Please send me a private mail if you think you can help.
    Seriously thinking of dumping iWeb...
    RAN

  • Help with Editable Regions and Image Swap

    I need some assistance for a project I am working on, and I don't know a short way to describe.  Hang with me, here it goes....
    I am working with the sites 'Navigation' links.  I want to use a MouseOver behavior so that the image swaps when moused over.  I want the MousedOver image to remain when you are on that page.  I can manually make this happen, but I am running into difficulty because I want the Navigation to be located in an un-editable region so when I add new pages, the entire site will update as I make changes to the template.
    I don't know how to create this effect without manually swapping all the images via behaviors on each and every page, and when I need to do these edits, the region needs to be in an UnEditable region so that the template will update all the pages.
    I guess the question is, how can I customize images from page to page in an Un-Editable region in a Template driven page?
    Thanks.

    Image swaps are clumsy for navigation because you have to re-craft your menus every time you edit your site.  This gets very old in a hurry.
    CSS styled menus are not only easier to maintain in DW they are web friendly for all devices -- especially Smartphones who may have images disabled to save on bandwidth charges.
    DW comes with Spry Menus which you can customize with CSS
    http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
    Additionally, there are some excellent DW extensions you can use to build professional looking CSS menus in seconds.
    http://www.projectseven.com/products/menusystems/pmm2/index.htm
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • How to delete editable regions and template?

    Hi everybody,
    I posted this question earlier in the web discussions area, being unaware of a forum specific to Dreamweaver. Sorry for posting in two different places.
    For the past week, I have been  learning Dreamweaver CS4 from an online tutorial. I got to the place  where I generated a template (index.dwt) from the main page (index.html)  and created some editable regions on it. At that point, I realized   that I had done all the steps by rote and did not actually absorb what I  was doing. I wanted to delete the template in order to repeat the steps and gain a better understanding of the process. When I tried to delete the  editable regions (modify-templates-remove editable regions), I was  unable to do so because "remove editable regions" was greyed out. Nor  was I able to delete the html code. I tried to  delete the template itself, but when I did that, the index.html page  retained those editable regions! Can anyone tell me if there is a way to  get back to the place I was in before creating the template?
    Thank you  for any assistance.

    All you need to do is detach the index.html file from the template.  Then you can delete the template and start all over.
    Go to the Modify menu --> Templates --> Detach from Template

  • Editable regions and UL tags

    I notice that D8 design view can corrupt the view of a page
    element if an editable region is included. I.e.
    <div class="leftsideCol"><!-- TemplateBeginEditable
    name="sideNav" -->
    <ul>
    <li class="title">In-Page links</li>
    <li><a href="#">Navigation
    Title</a></li>
    <li><a href="#">Navigation
    Title</a></li>
    <li><a href="#">Navigation
    Title</a></li>
    <li><a href="#">Navigation
    Title</a></li>
    <li><a href="#">Navigation
    Title</a></li>
    <li><a href="#">Navigation
    Title</a></li>
    <li><a href="#">Navigation
    Title</a></li>
    </ul>
    <!-- TemplateEndEditable -->
    <!-- Main title -->
    <p class="sidebarTitle">?! Notices !?</p>
    <!-- Textbox -->
    <div class="sideMssgeBoxCntnr"><!--
    TemplateBeginEditable name="leftSideCol" -->
    <p class="sideMessageTitleBkgrndYel">Subject
    Title</p>
    <p class="sideMessageBoxText">Put your message here. Be
    succinct to avoid overcrowding the sidebar. Here is a <a
    href="#">link</a> which can be removed by normal text
    delete.</p>
    <!-- TemplateEndEditable --></div>
    </div>
    The first region statements corrupt the view (remove them and
    all displays correctly). This does not affect the final page.
    If I try to solve this by putting the region just inside the
    UL and /UL tags the design view is good. BUT the resulting page has
    an extra UL opening tag. Why is this, it upsets the styling?
    Where can I find a definitive set of rules for putting
    regions around tags other than <p> which seems to work OK? I
    want to make a set of LIs editable and be able to add another LI to
    the list.

    >I notice that D8 design view can corrupt the view of a
    page element if an
    > editable region is included.
    There must be something else going on. Your posted code would
    be quite
    normal. Why not upload this page and post a link to it so I
    can see the
    whole picture, please.
    > Where can I find a definitive set of rules for putting
    regions around
    > tags
    > other than <p> which seems to work OK? I want to
    make a set of LIs
    > editable and
    > be able to add another LI to the list.
    The regions must be properly nested. That's about it. In
    other words, you
    could not have this -
    <div><!-- TemplateBeginEditable name="foo" -->
    </div>
    <!-- TemplateEndEditable -->
    > I want to make a set of LIs editable and
    > be able to add another LI to the list.
    Exactly what you have would do that.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "ROGM" <[email protected]> wrote in message
    news:[email protected]...
    >I notice that D8 design view can corrupt the view of a
    page element if an
    > editable region is included. I.e.
    >
    > <div class="leftsideCol"><!--
    TemplateBeginEditable name="sideNav" -->
    >
    > <li class="title">In-Page links</li>
    >
    <a href="#">Navigation Title</a></li>
    >
    <a href="#">Navigation Title</a></li>
    >
    <a href="#">Navigation Title</a></li>
    >
    <a href="#">Navigation Title</a></li>
    >
    <a href="#">Navigation Title</a></li>
    >
    <a href="#">Navigation Title</a></li>
    >
    <a href="#">Navigation Title</a></li>
    >
    > <!-- TemplateEndEditable -->
    > <!-- Main title -->
    > <p class="sidebarTitle">?! Notices !?</p>
    > <!-- Textbox -->
    > <div class="sideMssgeBoxCntnr"><!--
    TemplateBeginEditable
    > name="leftSideCol"
    > -->
    > <p class="sideMessageTitleBkgrndYel">Subject
    Title</p>
    > <p class="sideMessageBoxText">Put your message
    here. Be succinct to avoid
    > overcrowding the sidebar. Here is a <a
    href="#">link</a> which can be
    > removed
    > by normal text delete.</p>
    > <!-- TemplateEndEditable --></div>
    > </div>
    >
    > The first region statements corrupt the view (remove
    them and all displays
    > correctly). This does not affect the final page.
    >
    > If I try to solve this by putting the region just inside
    the UL and /UL
    > tags
    > the design view is good. BUT the resulting page has an
    extra UL opening
    > tag.
    > Why is this, it upsets the styling?
    >
    > Where can I find a definitive set of rules for putting
    regions around
    > tags
    > other than <p> which seems to work OK? I want to
    make a set of LIs
    > editable and
    > be able to add another LI to the list.
    >

  • Remove editable region *and* propagate?

    Hi all,
    I have an editable region in a template which I would like to
    make uneditable. I can remove it in the template, but the change
    does not seem to propagate to the child pages. In other words, the
    region is still editable on the child pages after I apply the
    changed template. Is there a way to do this or am I outta luck
    here?
    Thanks!

    Removing the editable region markup should certainly render
    that region
    uneditable in the child pages. Something is preventing that
    from happening.
    Can you show me the child page after removing the markup and
    tell me which
    region you are deleting?
    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
    ==================
    "idRatherBeOutside" <[email protected]>
    wrote in message
    news:e4e3s6$j23$[email protected]..
    > Hi all,
    >
    > I have an editable region in a template which I would
    like to make
    > uneditable.
    > I can remove it in the template, but the change does not
    seem to propagate
    > to
    > the child pages. In other words, the region is still
    editable on the
    > child
    > pages after I apply the changed template. Is there a way
    to do this or am
    > I
    > outta luck here?
    >
    > Thanks!
    >

  • IMovie corrupt edit windows and more

    A strange thing has happened:
    I have been working on a massive project, a friend‘s wedding; it’s taken two months to edit and I’m nearly finished.
    But yesterday, while I was adding some final edits the program seemed to hang. I quit out, and now when I try to go back the main edit window doesn’t appear, it’s just empty.
    The clips appear in the bottom window, and the preview window is fine, but the window where you assemble the clips is empty.
    I have a feeling that a clip has got corrupt and is preventing the program from opening properly; but because I can’t get into the edit window I can’t try and take out the offending clip.
    I’ve tried reinstalling iMovie and trashing the prefs file, but it still does the same thing.
    I hope I’ve made it clear what the problem is - can anyone help. My only option at the moment is to reedit the whole wedding again; and I promised the couple it’d be ready by the weekend!
    Help!!

    Yes.
    You can leave the first song where it is.
    For the second song, highlight it and delete it. Then go back to the music browser again and drag your second song to your project. But this time, drag it to a clip near the end of your first song.
    Now, you should have a green audio track running beneath your video clips, and you can adjust the start, end, or where it attaches.

  • How to remove Editable region from nested template?

    I'm trying to remove an editable region from a nested
    template while retaining it in the parent template. DW doesn't want
    to let me do this.
    Example:
    - I've created an overall template call ALLPAGES.DWT
    - In it, there's an editable region called "related links".
    - The "related links" will stay the same for all my main
    pages (welcome, news, info, etc), so I'd like to create a nested
    template called MAINPAGES.DWT where the field is locked.
    So here's what I did; I started a new page from ALLPAGES.DWT
    and then I created a template MAINPAGES.DWT from it. Now I want to
    remove the editable region "related links". According to the DW
    manual, I should be able to highlight the region and go to
    Modify > Templates > Remove Template Markup, but that
    option is greyed out!
    Apparenlty the only way of removing the editable region is to
    create a smaller editable region within it. But that's unnecessary
    and sloppy. How can I remove the region entirely?

    > This use of nested templates is very useful and very
    simple and
    > straightforward.
    > It involves no additional overheads, and introduces no
    reliability
    > problems.
    I really disagree with this.
    > I cannot understand why Murray has such a bad attitude
    to nested
    > templates.
    I spent quite a bit of time using them, tweaking them,
    understanding them,
    and watching the problems that others have had here on the
    forum. My
    compelling conclusion is that there is nothing you can do
    with nested
    templates that you cannot do more simply and with far less
    trouble by using
    other methods, some involving other kinds of template
    regions, and some
    involving simple use of Library items, or better, server-side
    includes.
    > I can only assume either that he had a bad experience on
    the road to
    > Damascus,
    > after writing his definitive book on templates
    I assure you, it's based on much more study and experience
    than you have put
    into it.
    > "Templates are wicked and sinful! Don't play with them,
    or you will go
    > blind!"
    This is not only unkind, it's completely erroneous. Far and
    away, I am the
    single most enthusiastic proponent for the use of templates
    on these boards.
    Perhaps a read of my book would help you rid yourself of your
    attitude, too.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Clancy" <[email protected]> wrote in message
    news:[email protected]...
    > "Dodgeit" <[email protected]> wrote:
    >
    >>I'm trying to remove an editable region from a nested
    template while
    >>retaining
    >>it in the parent template. DW doesn't want to let me
    do this.
    >>
    >> Example:
    >> - I've created an overall template call ALLPAGES.DWT
    >> - In it, there's an editable region called "related
    links".
    >> - The "related links" will stay the same for all my
    main pages (welcome,
    >> news,
    >>info, etc), so I'd like to create a nested template
    called MAINPAGES.DWT
    >>where
    >>the field is locked.
    >
    > Very simple:
    >
    > Open allpages.dwt.
    > Save as template, with name mainpages.dwt (I always do
    this immediately so
    > that
    > if I do something stupid I don't corrupt the original
    template).
    > Insert the desired content into "related links".
    > At the beginning of the content area of "related links"
    insert the magic
    > code
    > @@("")@@
    > This turns off the editable region, and there will be no
    reference to it
    > in
    > pages derived from this template.
    > Save the changes to mainpages.dwt
    > Done!
    >
    > Have a look at
    >
    >
    http://www.corybas.com/Technical/Nested.htm
    > This is derived from my template techpage.dwt, which in
    turn is ultimately
    > derived from my template basicpage.dwt.
    >
    > Basicpage.dwt defines two editable regions 'title' and
    'subtitle' at the
    > top of
    > the page. Techpage.dwt sets a fixed title for all my
    technical pages, as
    > follows:
    >
    > <p class="hdgtn" ><!-- InstanceBeginEditable
    name="Title" -->@@("")@@Roger
    > Riordan: Technical notes<!-- InstanceEndEditable
    --></p>
    > <p class="hdgstn"><!-- InstanceBeginEditable
    name="Subtitle" -->Notes<!--
    > InstanceEndEditable --></p>
    >
    > In the page Nested.htm the references to 'title'
    disappear, and the two
    > lines
    > appear as
    >
    > <p class="hdgtn" >Roger Riordan: Technical
    notes</p>
    > <p class="hdgstn"><!-- InstanceBeginEditable
    name="Subtitle" -->Nested
    > Templates<!-- InstanceEndEditable --></p>
    >
    > This use of nested templates is very useful and very
    simple and
    > straightforward.
    > It involves no additional overheads, and introduces no
    reliability
    > problems.
    >
    > I cannot understand why Murray has such a bad attitude
    to nested
    > templates. I
    > can only assume either that he had a bad experience on
    the road to
    > Damascus,
    > after writing his definitive book on templates, or that
    it says simply:
    >
    > "Templates are wicked and sinful! Don't play with them,
    or you will go
    > blind!"
    >
    >
    > Clancy

  • Editable region width

    I hope somebody can help me. I am a complete novice using
    Dreamweaver8. I have created a template with a single editable
    region and applied that template to numerous pages on my site. I
    don't understand why some of the pages are more narrow than others.
    I want all of the pages to be of the same width and to adjust only
    in height to accomodite increased content. I have posted the site
    at
    http://home.earthlink.net/~ddrlin/
    . As you can see the width of the table changes from page to page
    but its width is supposed to be fixed.

    Template regions are not layout tools. The "width" of an
    editable region is
    meaningless, as it's totally dependent on what it's inserted
    into, and
    what's inserted into it.
    If you are seeing page variations, it would have nothing to
    do with editable
    regions.
    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
    ==================
    "ddrlin" <[email protected]> wrote in
    message
    news:eabc1j$shr$[email protected]..
    >I hope somebody can help me. I am a complete novice using
    Dreamweaver8. I
    >have
    > created a template with a single editable region and
    applied that template
    > to
    > numerous pages on my site. I don't understand why some
    of the pages are
    > more
    > narrow than others. I want all of the pages to be of the
    same width and to
    > adjust only in height to accomodite increased content. I
    have posted the
    > site
    > at
    http://home.earthlink.net/~ddrlin/
    . As you can see the width of the
    > table
    > changes from page to page but its width is supposed to
    be fixed.
    >

  • Why does this happen when I insert editable region?

    Hi ppl... I got a small problem here. When I insert editing region into the ORANGEBOX div, for some unknown reason which I can't figure out, my spry menu bar shifts to the left. But in preview, it looks fine. What's the reason for this and how can I avoid it? The shifted spry menu bar in the workspace is disturbing me.. haha.. I have attached screenshots of the 2 states below (Before inserting editable region and after inserting editable region)
    Before inserting editable region into the ORANGE BOX
    After inserting editable region into the ORANGEBOX
    Here's the code BEFORE inserting editable region.. If you are free, do try to insert an editable region into the ORANGEBOX, and kindly tell me why it's happening! =) Thanks!
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
        background-color: #666;
        margin: 0px;
        padding: 0px;
        margin: 0px;
        padding: 0px;
    #wrapper {
        padding: 0px;
        width: 900px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        overflow: hidden;
    #navigation {
        height: 122px;
    #mainContent {
        background-color: #FFF;
        overflow: hidden;
    #header {
        background-color: #033;
        height: 248px;
    #navigationlinks {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        height: 42px;
        background-color: #0C0;
    #footer {
        height: 100px;
        background-color: #F39;
    #orangebox {
        height: 100px;
        width: auto;
        background-color: #F60;
    -->
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
      <div id="header"></div>
      <div id="navigationlinks">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="#">Home</a>      </li>
          <li><a href="#">Audio Lectures</a></li>
          <li><a class="MenuBarItemSubmenu" href="#">Video Lectures</a>
            <ul>
              <li><a href="aqeedah1.htm">Aqeedah</a></li>
              <li><a href="fundamentals1.shtml">Tawheed</a></li>
    <li><a href="#">Friday Bayans</a></li>
    <li><a href="#">Other Topics</a></li>
            </ul>
          </li>
          <li><a href="#">Books</a></li>
        </ul>
      </div>
      <div id="mainContent">
        <p> </p>
        <p>mainContent</p>
        <p> </p>
        <div id="orangebox">
          <p>ORANGE BOX    </p>
          <p> </p>
        </div>
    <p> </p>
        <p>mainContent</p>
        <p> </p>
        <p> </p>
      </div>
      <div id="footer">
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p>FOOTER </p>
        <p> </p>
        <p> </p>
        <p> </p>
      </div>
      <p> </p>
      <p> </p>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    Here's the SpryMenuBarHorizontal.css
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
        z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 9em;
        float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        z-index: 1020;
        cursor: default;
        width: 9em;
        position: absolute;
        left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
        width: 9em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
        position: absolute;
        margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
        left: auto;
        top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border: 1px solid #CCC;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
        display: block;
        cursor: pointer;
        color: #333;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding-top: 1.1em;
        padding-right: 0.75em;
        padding-bottom: 1.1em;
        padding-left: 0.75em;
        text-align: center;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
        color: #FFF;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
        color: #FFF;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarDown.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
        background-image: url(SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
        background-repeat: no-repeat;
        background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
        background-image: url(SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;

  • Adding text to editable region creates space in the rest of my layout

    I created my layout in PS, sliced the images and then imported to DW (html and images).
    Layout looks great.
    I created editable regions in the template I created from the .html
    One I start inserting text into these regions, my container moves and it throws the rest of the layout off by adding space between the editable region and the area above it (a big black line horizontally through the page).
    Is there a way to keep the container/editable region from moving or growing with the text so that it doesn't change my layout?
    On a side note, this change doesn't appear in live view. When I preview in browser, Safari layout looks great, but text doesn't appear. In firefox, text appears, but layout is a mess.
    Here is the code from the editable region to which I am trying to add text:
    <!-- TemplateBeginEditable name="main_content_area" -->
            <div id="site_layout_contentmain">Content for  id "site_layout_contentmain" Goes Here</div>
          <!-- TemplateEndEditable --></td>
    ANY help is GREATLY appreciated!!!!!

    MHarvey2001 wrote:
    Yes, the design is appearing to pull apart when I add content, but only in the Firefox preview.
    If it pulls apart in Firefox, chances are it pulls apart in all browsers when text size is increased.
    The problem with Photoshop code is that it is a) rigid, b) unstable and c) invalid.  
    To illustrate, run your code through the on-line validation tools below.
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Photoshop is OK for designing quick comps to show the client but they won't hold up on a real site.
    IMO, the benefits of starting over far outweigh the inconvenience.
    HTML & CSS Tutorials - http://w3schools.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com/

Maybe you are looking for

  • Time Out during Download of CSV file

    Hello everybody, I need some hints regarding CSV Downloads. In some cases I am getting just blank pages after starting a CSV Download. It seems to be related to the a,ount of data. At about 5000 rows the download works fine, but with about 10.000 row

  • Update with EAP SIM

    Free Mobile, provider in France, uses now Eap-sim on his network Free Wifi! The request of this compatibility will be now important from french customers! I see that Xperia S has this Eap-sim while it is absent in Android 4! So it is Sony who has add

  • Adobe PSE 11 won't install: error 1321

    I bought adobe PSE 11, when installing, error 1321: "Installer has unsufficient privelages to modify c:\windows\installer"   appears.    I have tried running as admin, but nothing .  What do I do? 

  • MRP_FORECAST_DATES clarification

    Hi, In MRP_FORECAST_DATES table, what is the unique key leaving transaction_id. I could see duplicates in the table by including the following fields. INVENTORY_ITEM_ID,ORGANIZATION_ID,FORECAST_DESIGNAT OR,FORECAST_DATE,BUCKET_TYPE. I see duplicate r

  • I need help importing Videos in Encore CS3 (running on a Mac)

    I want to make a DVD with Encore CS3 (running on a Mac). I've never used Encore before. I want to import movie files as Assets. The only files I've had any luck importing are .mov files (exported by Quicktime Pro). The movies I want to import are .AV