Cursor position misplaced in Design View

I recently upgraded to Dreamweaver CS4 (Mac OS10.5.8) from DW8. Now, when trying to edit text in Design View, the cursor appears several spaces ahead of the characters it is actually editing. The extent of the misalignment is not regular (between .5 and 2 character spaces), but the cursor is always ahead of, never behind, where it should be. The problem does not occur in Code View, nor does it occur when using certain fonts. For example, Arial works fine but Gill Sans does not.
For now, I can edit in a working font and then switch to another, but I would welcome any advice as to a more permanent solution.

I am having the same issue with Dreamweaver CS5 for Mac. I also can’t find any way to fix the issue other than quitting dreamweaver and re-starting the program.
I doubt Adobe will ever fix it, since I’ve had so many issues with Dreamweaver going back to Macromedia days that Adobe still hasn’t bothered to fix since taking it over.
I just hope someday another company will create a product that works well and I can throw Dreamweaver into the trash.
I know that isn’t a very constructive post, or an answer, but maybe if I subscribe to this thread someone will eventually have a solution.
I have tried changing the display fonts in preferences, zooming in and out of the Design view, with no results (if the cursir is offset, zooming in with design view won’t change the offset.
It just sucks when you have an editor you can’t edit with and an FTP client you can’t use to move files around with. I basically have been reduced over the years to using Dreamweaver strictly as a code editor and will most likely be switching to something like BBedit and getting Dreamweaver completely out of my life.

Similar Messages

  • CS4: Tabbed panel headers misplaced in Design view

    If I add a Spry tabbed panel to a blank page, it behaves
    fine.
    But if I add a tabbed panel inside a table cell, then the
    tabs themselves detach from the body of the panel and appear up at
    top left of the table itself.
    When the page is viewed in a browser or in Live View, it
    sorts itself out, so the issue affects only the Design View afaics.
    It's annoying though, and the misplaced tabs obscure other parts of
    the design.
    Does anyone else get this? Is it a known issue?

    I am having the same issue with Dreamweaver CS5 for Mac. I also can’t find any way to fix the issue other than quitting dreamweaver and re-starting the program.
    I doubt Adobe will ever fix it, since I’ve had so many issues with Dreamweaver going back to Macromedia days that Adobe still hasn’t bothered to fix since taking it over.
    I just hope someday another company will create a product that works well and I can throw Dreamweaver into the trash.
    I know that isn’t a very constructive post, or an answer, but maybe if I subscribe to this thread someone will eventually have a solution.
    I have tried changing the display fonts in preferences, zooming in and out of the Design view, with no results (if the cursir is offset, zooming in with design view won’t change the offset.
    It just sucks when you have an editor you can’t edit with and an FTP client you can’t use to move files around with. I basically have been reduced over the years to using Dreamweaver strictly as a code editor and will most likely be switching to something like BBedit and getting Dreamweaver completely out of my life.

  • All time Bug! Accordion widget does not retain content position as in design view

    I have noticed that content placed inside an accordion widget that is stretched to fill browser width do not retain the position of its elements. This is very annoying as ones layout does not look right and balanced across screen.

    That was it KathH --- THANKS!!!
    Had created the row w/out <td> cells to carry the top banner (sort of cheating) on spanning the cells i guess ( )
    Anyway, re-wrote so that the banner table was independant and did not require span and picked up the data table independantly.
    Problem solved and designer picked up the image precisely.
    Thanks again!!!
    Curious though that the image is dependant on the <td> tag.  I would have expected any image called within the page to display in the designer regardless of location in the html.
    Oh well, fixed and onto the next challenge.
    Once more THANKS!!!

  • Rendering - position on report preview is not where field is in design view

    Hello all,
    I have looked over the forums as best as I can and have not located a post like this. Please feel free to point out an existing post if there is one.
    I am working on a report that is designed to print payment information on pre-printed check stock. In the first link please notice that in Group Footer 4 I have highlighted a field that while in the design view it appears where I would like it when I run this report in the software it will be generated in it shows up in a different location as seen in the second link. The dollar amount of $365.07 (called @PeriodNetpay) is designed to show to the right of the check number (called CMRef) in design view and instead shows to the left of the check number in the rendering software.
    [report as seen in design view|http://imageshack.us/photo/my-images/94/201108151100.png/]
    [report as seen in rendering of report|http://imageshack.us/photo/my-images/828/201108151059.png/]
    I was originally using Crystal Reports Professional 11.0.0.1282 to create the report. The rendering software I am working in uses the 11.5.0.0 version of the reports rendering engine ( I can provide a dll version on request, please just let me know the necessary dll file name) and is called Crystal Report XI Release 2 .NET 2005 Server in add/remove programs. This happens intermittently so I am not able to repeat the problem at will. It always shows correctly when I preview the report in Crystal
    I have verified that there is no formula present that drives the X position of the field as seen in the Object Size and Position window. I am not aware of any other formula location that can modify the field to move as shown. I am unable to control the rendering software version.
    Any suggestions on where to look next or any other observations would be appreciated.
    Thank you
    Scott
    Edited by: SAlvey on Aug 15, 2011 8:31 PM

    Hi Scott,
    You were close, I moved your post to .NET SDK forums. Since it works in the designer and only an issue in your app...
    Only thing I can suggest is you verify you are on Service Pack 6 and the redist package?
    https://smpdl.sap-ag.de/~sapidp/012002523100009114712011E/crxir2sp4_fullbuild.exe
    https://smpdl.sap-ag.de/~sapidp/012002523100009114412011E/crxir2sp6_incremental.exe
    https://smpdl.sap-ag.de/~sapidp/012002523100013451332010E/crxir2_fp64_net_mm.zip
    Or
    https://smpdl.sap-ag.de/~sapidp/012002523100013451312010E/crxir2_fp64_server_ins.zip
    Then it could be due to the default Printer you have as compared to the user. Some of those Drivers are very old and have problems. Get them to install the latest Printer drivers and make sure they are .NET compatible...
    And what Language are they using, I'm wondering if this has to do with right to left orientation....
    Thanks
    Don

  • In design view the cursor doesn't display correctly with text how to fix

    When working in the design view in a text block the cursor shows in one spot but the code view show it is over a few characters so you have a real hard time editing text in that mode.  How do you fix this.  I have had this issue in several version of DW I am in 5 now.

    I don't have this problem.
    Which OS are you on?
    Does this happen with all your sites or just one?
    Are you working with valid HTML and CSS code?
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Can you post a link to a page in which this occurs?
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

    Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

    Already changed in different settings. Here is a screenshot when set to "Original Size".

  • Cursor off-set from text in design view CS3

    I'm a recent MacSwitcher and found that DW 8 won't run worth
    a damn on my new MacBook Pro (Intel). So am using trial version of
    DW CS3 and having this bit of weirdness... where I put the cursor
    on the page in design view is about 1 character "off" from where it
    appears to be. Is this a CS3 thing? Mac thing? Stupid user thing?
    It makes editing in design view practically impossible! Never had
    this in any version on Windows. Any ideas? Thanks!

    ZebraDreaming,
    Does the text use the CSS letter-spacing property? It's
    supported on
    Windows, but not the Mac.
    If not, please provide a link to a page where you are seeing
    the problem.
    Thanks,
    Randy
    > I'm a recent MacSwitcher and found that DW 8 won't run
    worth a damn on my new
    > MacBook Pro (Intel). So am using trial version of DW CS3
    and having this bit of
    > weirdness... where I put the cursor on the page in
    design view is about 1
    > character "off" from where it appears to be. Is this a
    CS3 thing? Mac thing?
    > Stupid user thing? It makes editing in design view
    practically impossible!

  • Cursor positions cause DIAdem VIEW to work slowly

    Hi All,
      I have a file that has approximately 180 pages in the VIEW portal, each with a chart.  When processing these charts I employ the Band Cursor to select ranges on each curve and then calculate values based on that range.  Then I move to the next sheet and do the same thing.
      After building lots of pages I notice things slow down significantly.  In the bottom left corner of the screen I see the following message "X-Cursor1: 0.153 Y-Cursor1: 1.63E+04 Z-Cursor1:0" and the values change many times before moving along with my request.  I am pretty sure the program is going through each sheet and reading the cursor positions.  This wastes a lot of time.
      Is there a way to 'turn off' the cursors or do something similar so that this doesn't happen every time I switch into the VIEW module?  Any help would be greatly appreciated.  Thanks in advance!

    Hi Brad,
      Thank you for your feedback.  I've sent you an e-mail containing the relevant DIAdem contents and code.
      To answer some of the questions on here that I did not address specifically oin the e-mail:
         The calculations on each sheet are completed within the script.  Things seem to slow down when the script initiates interaction mode and then the user uses cursors to specify a range of data on a chart.  After clicking to end interaction mode the script continues working.
    I hope that clears up some of the ambiguity of how the code is running.
    Thanks in advance for your help!

  • Certain images not showing up in Design View

    Hi,
    I recently switched from Dreamweaver CS5.5 to CS6 with Creative Cloud but now some of my images aren't showing up in Design View. Everything is fine in Live View.
    Any help would be gratefully received. I have attached the CSS & the HTML as well as two screen shots of Design View and Live View.
    The CSS is:
    /* Getting the new tags to behave */
    article, aside, audio,
    canvas, command,
    datalist, details,
    embed,
    figcaption, figure, footer,
    header, hgroup,
    keygen,
    meter,
    nav,
    output,
    progress,
    section, source,
    video {
              display:block;
    mark,
    rp, rt, ruby,
    summary,
    time {
              display:inline;
    /* Global properties ======================================================== */
    body {
              background-color:#000;
              background-repeat:no-repeat;
              background-position:center top;
              background-image:url(../images/body-bg.jpg);
              background-attachment:fixed;
              font-family:Arial, Helvetica, sans-serif;
              font-size:100%;
              line-height:1em;
              color:#949595;
    html {
              min-width:967px;
    html,
    body {
              height:100%;
    /* Global Structure ============================================================= */
    #main {
              margin:0 auto;
              width:967px;
              font-size:.75em;
              /* Header */
              header {
                        position:relative;
              /* Sidebar */
              aside {
                        width:227px;
                        float:left;
                        margin-right:32px;
                        padding-bottom:33px;
              /* Content */
              section#content {
                        float:left;
                        width:675px;
                        padding-top:6px;
              /* Footer */
              footer {
                        padding-left:3px;
                        background:url(../images/border-left.png) repeat-y left top;
                        color:#535353;
    /* Left & Right alignment */
    .fleft {
              float:left;
    .fright {
              float:right;
    .clear {
              clear:both;
    .col-1,
    .col-2,
    .col-3 {
              float:left;
    .alignright {
              text-align:right;
    .aligncenter {
              text-align:center;
    .wrapper {
              width:100%;
              overflow:hidden;
    /*----- form defaults -----*/
    input,
    select,
    textarea {
              font-family:Arial, Helvetica, sans-serif;
              font-size:1em;
              vertical-align:middle;
              font-weight:normal;
    fieldset {
              border:0;
    /*----- lists -----*/
    .banners {
              width:100%;
              overflow:hidden;
              padding-bottom:15px;
              .banners li {
                        float:left;
                        padding-left:4px;
    .list li {
              font-size:1.17em;
              padding:0 0 19px 22px;
              background:url(../images/marker.png) no-repeat left 2px;
    .list li.last {
              padding-bottom:0;
    .list1 li {
              width:100%;
              overflow:hidden;
              padding-bottom:27px;
              .list1 li img {
                        float:left;
                        margin-right:22px;
    .column-list {
              width:100%;
              overflow:hidden;
              .column-list li {
              float:left;
              width:200px;
              margin-right:27px;
              .column-list li.last {
                        margin:0;
                        .column-list li img {
                                  margin-bottom:18px;
    .events-list {
              width:100%;
              overflow:hidden;
              .events-list li {
                        float:left;
                        line-height:1.5em;
                        width:320px;
                        margin-right:25px;
                        padding-bottom:20px;
              .events-list li.alt {
                        margin-right:0;
                        .events-list li img {
                                  float:left;
                                  margin-right:11px;
    .testimonials li {
              line-height:1.5em;
              padding-bottom:18px;
              .testimonials li cite {
                        font-style:normal;
              .testimonials li h5 {
                        text-align:right;
                        margin:0;
                        padding-top:6px;
    /*----- other -----*/
    .img-indent {
              margin:0 0 20px 0;
    .extra-wrap {
              overflow:hidden;
    p {
              margin-bottom:16px;
              line-height:1.5em;
    dl {
              line-height:1.5em;
              dl dt {
                        font-weight:bold;
                        color:#4b4b4b;
                        margin-bottom:6px;
              dl dd {
                        padding-bottom:20px;
              dl dd.last {
                        padding:0;
              .address dd {
                        clear:both;
                        .address dd span {
                                  float:left;
                                  width:96px;
                        .address dd a {
                                  font-size:1.17em;
    address {
              font-style:normal;
              line-height:1.5em;
              address a {
                        font-size:1.17em;
              address span {
                        float:left;
                        width:103px;
    /*----- txt, links, lines, titles -----*/
    a {
              color:#12b7f4;
              outline:none;
    a:hover {
              text-decoration:none;
    h1 {
              font-size:20px;
              line-height:1em;
              font-weight:normal;
              padding:55px 0 0 3px;
              h1 a {
                        color:#fff;
                        text-decoration:none;
              h1 strong {
                        font-size:55px;
                        line-height:1.2em;
                        letter-spacing:-2px;
                        top:-37px;
                        position:relative;
    h2 {
              font-size:1.917em;
              line-height:1.2em;
              letter-spacing:-1px;
              font-weight:normal;
    h5 {
              font-size:1em;
              line-height:1.5em;
              color:#4b4b4b;
              margin-bottom:6px;
              h5 a {
                        color:#4b4b4b;
    .txt1 {
              font-size:1.17em;
    .rss {
              position:absolute;
              right:18px;
              top:18px;
              background:url(../images/rss.gif) no-repeat right top;
              padding:10px 45px 8px 0;
              color:#7d7d7d;
              text-decoration:none;
              font-size:1.17em;
              text-transform:uppercase;
    .rss:hover {
              text-decoration:underline;
    .link1 {
              display:block;
              position:relative;
              float:left;
              background-repeat:no-repeat;
              background-position:right top;
              background-image:url(../images/link1-right.png);
              color:#fff;
              line-height:1.2em;
              text-transform:uppercase;
              text-decoration:none;
              cursor:pointer;
              .link1 span {
                        display:block;
                        float:left;
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/link1-left.png);
                        padding:0 10px;
              .link1 b {
                        background-repeat:repeat-x;
                        background-position:left top;
                        background-image:url(../images/link1-bgd.png);
                        padding:8px 7px 9px 7px;
                        display:block;
                        float:left;
              .link1:hover b {
                        text-decoration:underline;
    .link2 {
              width:70px;
              height:30px;
              text-align:center;
              text-transform:uppercase;
              color:#fff;
              text-decoration:none;
              display:block;
              float:right;
              font-weight:bold;
              overflow:hidden;
              line-height:2.6em;
              background-repeat:no-repeat;
              background-position:left top;
              background:url(../images/link2-bg1.png);
    .link2:hover {
              text-decoration:underline;
    /*==================boxes====================*/
    .nav-box {
              width:100%;
              position:relative;
              padding-bottom:11px;
              margin-top:-23px;
              .nav-box .left {
                        padding-left:20px;
                        background:url(../images/nav-box-left.png) no-repeat left top;
              .nav-box .right {
                        padding-right:20px;
                        background:url(../images/nav-box-right.png) no-repeat right top;
              .nav-box nav {
                        height:72px;
                        background:url(../images/nav-box-tail.png) repeat-x left top;
              .nav-box nav ul {
                        padding-top:13px;
                        width:100%;
                        overflow:hidden;
                        .nav-box nav ul li {
                                  float:left;
                                  font-size:1.583em;
                                  line-height:1.2em;
                                  letter-spacing:-1px;
                                  .nav-box nav ul li a {
                                            color:#535353;
                                            display:block;
                                            float:left;
                                            cursor:pointer;
                                            background:url(../images/spacer.gif);
                                            text-decoration:none;
                                            text-shadow:#fff 1px 1px;
                                  .nav-box nav ul li a:hover,
                                  .nav-box nav ul li a.active {
                                            color:#fff;
                                            background:url(../images/nav-act-tail.gif) repeat-x left top;
                                            text-shadow:#fff 0 0;
                                            .nav-box nav ul li a span {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                            .nav-box nav ul li a:hover span,
                                            .nav-box nav ul li a.active span {
                                                      background:url(../images/nav-act-left.gif) no-repeat left top;
                                            .nav-box nav ul li a b {
                                                      display:block;
                                                      float:left;
                                                      background:url(../images/spacer.gif);
                                                      padding:10px 23px 14px 23px;
                                            .nav-box nav ul li a:hover b,
                                            .nav-box nav ul li a.active b {
                                                      background:url(../images/nav-act-right.gif) no-repeat right top;
    .box {
              width:237px;
              color:#fff;
              .box .top {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-top.png);
                        height:14px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .bot {
                        background-repeat:no-repeat;
                        background-position:left top;
                        background-image:url(../images/box-bot.png);
                        height:15px;
                        overflow:hidden;
                        font-size:0;
                        line-height:0;
              .box .xcontent {
                        background-repeat:repeat-y;
                        background-position:left top;
                        background-image:url(../images/box-tail.gif);
                        .box .xcontent .bg {
                                  min-height:137px;
                                  height:auto!important;
                                  height:137px;
                                  background-repeat:no-repeat;
                                  background-position:left top;
                                  background-image:url(../images/box-bg.jpg);
              .box .inner {
                        padding:2px 35px 0 26px;
              .box h2 {
                        font-size:2.417em;
                        font-weight:bold;
                        margin-bottom:4px;
                        text-shadow:#0b97e4 1px 1px;
              .box p {
                        line-height:1.583em;
                        margin-bottom:9px;
    /* box style1 */
    .box.style1 .top {background-image:url(../images/box-top1.png);}
    .box.style1 .bot {background-image:url(../images/box-bot1.png);}
    .box.style1 .xcontent {background-image:url(../images/box-tail1.gif);}
    .box.style1 .xcontent .bg {background-image:url(../images/box-bg1.jpg);}
    .box.style1 .link1 {background-image:url(../images/link1-right1.png);}
    .box.style1 .link1 span {background-image:url(../images/link1-left1.png);}
    .box.style1 .link1 b {background-image:url(../images/link1-bgd1.png);}
    .box.style1 h2 { text-shadow:#78b10b 1px 1px;}
    /* box style2 */
    .box.style2 .top {background-image:url(../images/box-top2.png);}
    .box.style2 .bot {background-image:url(../images/box-bot2.png);}
    .box.style2 .xcontent {background-image:url(../images/box-tail2.gif);}
    .box.style2 .xcontent .bg {background-image:url(../images/box-bg2.jpg);}
    .box.style2 .link1 {background-image:url(../images/link1-right2.png);}
    .box.style2 .link1 span {background-image:url(../images/link1-left2.png);}
    .box.style2 .link1 b {background-image:url(../images/link1-bgd2.png);}
    .box.style2 h2 { text-shadow:#ff6900 1px 1px;}
    /* box style3 */
    .box.style3 .top {background-image:url(../images/box-top3.png);}
    .box.style3 .bot {background-image:url(../images/box-bot3.png);}
    .box.style3 .xcontent {background-image:url(../images/box-tail3.gif);}
    .box.style3 .xcontent .bg {background-image:url(../images/box-bg3.jpg);}
    .box.style3 .link1 {background-image:url(../images/link1-right3.png);}
    .box.style3 .link1 span {background-image:url(../images/link1-left3.png);}
    .box.style3 .link1 b {background-image:url(../images/link1-bgd3.png);}
    .box.style3 h2 { text-shadow:#ffad07 1px 1px;}
    .box1 {
              width:227px;
              .box1 .top {
                        height:49px;
                        overflow:hidden;
                        background:url(../images/box1-top.png) no-repeat left top;
              .box1 .bot {
                        height:17px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box1-bot.gif) no-repeat left top;
              .main-box .box1 .border-left {
                        padding-left:1px;
                        background:url(../images/box1-border.gif) repeat-y left top;
              .main-box .box1 .border-right {
                        padding-right:1px;
                        background:url(../images/box1-border.gif) repeat-y right top;
              .main-box .box1 .xcontent {
                        width:100%;
                        min-height:261px;
                        height:auto!important;
                        height:261px;
                        padding:0;
                        background:url(../images/box1-tail.gif) repeat-x left top #f8f8f8;
              .main-box .box1 .inner {
                        padding:12px 14px 20px 18px;
              .box1 h2 {
                        font-weight:bold;
                        color:#fff;
                        padding:10px 0 0 18px;
    .box2 {
              width:227px;
              .box2 .top {
                        height:15px;
                        overflow:hidden;
                        background:url(../images/box2-top.png) no-repeat left top;
              .box2 .bot {
                        height:16px;
                        font-size:0;
                        line-height:0;
                        overflow:hidden;
                        background:url(../images/box2-bot.gif) no-repeat left top;
              .main-box .box2 .border-left {
                        padding-left:1px;
                        background:url(../images/box2-border.gif) repeat-y left top;
              .main-box .box2 .border-right {
                        padding-right:1px;
                        background:url(../images/box2-border.gif) repeat-y right top;
              .main-box .box2 .xcontent {
                        width:100%;
                        min-height:113px;
                        height:auto!important;
                        height:113px;
                        padding:0;
                        background:url(../images/box2-tail.gif) repeat-x left top #f6f6f6;
              .main-box .box2 .inner {
                        padding:0 14px 20px 18px;
              .box2 h2 {
                        font-weight:bold;
                        color:#3c3c3c;
                        margin-bottom:16px;
    .main-box {
              width:100%;
              .main-box .left-top-corner {
                        background:url(../images/left-top-corner.png) no-repeat left top;
                        height:18px;
                        padding-left:18px;
              .main-box .right-top-corner {
                        background:url(../images/right-top-corner.png) no-repeat right top;
                        height:18px;
                        padding-right:18px;
              .main-box .border-top {
                        background:url(../images/border-top.png) left top repeat-x;
                        height:18px;
                        font-size:0;
                        line-height:0;
                        width:100%;
              .main-box .border-left {
                        background:url(../images/border-left.png) left top repeat-y;
                        padding-left:3px;
              .main-box .border-right {
                        background:url(../images/border-right.png) right top repeat-y;
                        padding-right:3px;
              .main-box .xcontent {
                        background:#fff;
                        padding:0 2px;
              .main-box .tail {
                        background:url(../images/main-box-tail.gif) repeat-x left top;
                        width:100%;
              .main-box .inner {
                        padding:3px 15px 0 8px;
              .main-box .inner1 {
                        padding:3px 8px 0 25px;
                        .main-box .inner1 aside {
                                  margin:0;
                        .main-box .inner1 #content {
                                  margin-right:32px;
                                  width:665px;
              .main-box .inner2 {
                        padding:3px 25px 35px 25px;
                        .main-box .inner2 #content {
                                  width:auto;
                                  float:none;
    /*===== content =====*/
    #content h2 {
              color:#3e3e3e;
              letter-spacing:0;
              margin-bottom:16px;
    #content .indent {
              padding-bottom:60px;
    #content .link2 {
              background-image:url(../images/link2-bg2.png);
              float:left;
    /*===== Sidebar =====*/
    aside .indent {
              margin-bottom:20px;
    /*===== footer =====*/
    footer .right {
              padding-right:3px;
              background:url(../images/border-right.png) repeat-y right top;
    footer .tail {
              padding:17px 0 11px 27px;
              background-color:#2d2d2d;
    footer .line-ver {
              background:url(../images/divider.gif) repeat-y 210px 0;
              width:100%;
              overflow:hidden;
    footer .fleft a {
              color:#535353;
              text-decoration:none;
    footer .fleft a:hover {
              text-decoration:underline;
    footer .fleft {
              padding-bottom:8px;
              footer .fleft ul {
                        padding:8px 0 3px 0;
                        footer .fleft ul li {
                                  display:inline;
    footer .fright {
              padding:0 29px 0 0;
              text-align:right;
              footer .fright a {
                        color:#12b7f4;
              footer .fright ul {
                        padding:8px 0 5px 0;
                        footer .fright ul li {
                                  display:inline;
                                  padding-right:15px;
                                  margin-right:12px;
                                  background:url(../images/divider1.gif) no-repeat right 3px;
                                  footer .fright ul li a {
                                            text-decoration:none;
                                            color:#535353;
                                  footer .fright ul li a:hover,
                                  footer .fright ul li a.active {
                                            color:#c4c4c4;
                                            text-decoration:underline;
                        footer .fright ul li.last {
                                  background:none;
                                  padding:0;
                                  margin:0;
    /*----- forms -----*/
    #subscribe-form .rowElem {
              width:100%;
              overflow:hidden;
    #subscribe-form span {
              display:block;
              width:193px;
              height:26px;
              margin-bottom:6px;
              background:url(../images/input-bg.png) no-repeat left top;
    #subscribe-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:173px;
    #subscribe-form a.fleft {
              color:#4b4b4b;
              font-weight:bold;
              position:relative;
              left:10px;
              top:7px;
    /* The Nivo Slider styles */
    #slider_box{ width:946px; height:370px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:21px 0 0 21px}
    #slider{ position:relative; width:925px; height:348px; z-index:88;overflow:hidden;}
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;          margin:0;z-index:60;display:none;}
    /* The slices in the Slider */
    .nivo-slice {display:block;          position:absolute;z-index:50;height:100%;}
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {          position:absolute; bottom:-34px;          z-index:99;          cursor:pointer;text-indent:-5000px; width:30px; height:30px;  display:block;}
    .nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}
    .nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
    .nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}
    .nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}
    /* Control nav styles (e.g. 1,2,3...) */
    .nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}
    .nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}
    .nivo-controlNav a.active { background-position:left}
    /* Caption styles */
    .nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}
    .nivo-caption .box{ display:inline-block;background:url(../images/box.png) no-repeat; font:24px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:bold; width:83px; margin-right:10px;}
    .nivo-caption .text1{ font:36px Arial, Helvetica, sans-serif; color:#39c0f8; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}
    .nivo-caption .text2{ font:48px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:block; line-height:1.2em; margin-top:-10px; letter-spacing:-2px;}
    .nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}
    .nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none;  letter-spacing:-2px;}
    .nivo-caption a:hover{ background-position:bottom}
    .color1 p{ color:#454545}
    .nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
    .nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
    .nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}
    #contacts-form .rowElem {
              height:40px;
              #contacts-form .rowElem span {
                        display:block;
                        width:300px;
                        height:26px;
                        margin-bottom:6px;
                        background:url(../images/input-bg_2.png) no-repeat left top;
    #contacts-form input {
              background:none;
              border:0;
              line-height:1.2em;
              vertical-align:top;
              margin:5px 0 0 10px;
              color:#8c8d8d;
              width:300px;
    #contacts-form .rowElem1 span {
              display:block;
              width:300px;
              height:175px;
              margin-bottom:21px;
              background:url(../images/textarea-bg.gif) no-repeat left top;
    #contacts-form textarea {
              width:300px;
              height:168px;
              overflow:auto;
              background:none;
              border:0;
              color:#8c8d8d;
              padding:5px 0 2px 10px;
    #contacts-form .link2 {
              margin-left:15px;
    /*==========================================*/
    The HTML is:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>TravelSober.com Eastern Caribbean Sober Cruise</title>
    <meta name="keywords" content="Sober cruise, sober cruises, sober cruise vacations, sober holidays, sober travel, sober vacation, sober vacations, aa convention, sober safari, sober travel.">
    <meta name="description" content="Find out more about our Eastern Caribbean Sober Cruise or any of our other sober vacations.">
    <!-- TemplateEndEditable -->
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <!--[if lt IE 7]>
         <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
         <script type="text/javascript" src="js/ie_png.js"></script>
         <script type="text/javascript">
            ie_png.fix('.png, .nav-box .left, .nav-box .right, nav, footer .right, footer, #slider, #slider .inside a, .box .top, .box .bot, .link1, .link1 span, .link1 b, .list li, .main-box .left-top-corner, .main-box .right-top-corner, .main-box .border-top, .main-box .border-left, .main-box .border-right, .box1 .top, .box2 .top, .link2, .link3, .events-list li img, #subscribe-form span');
         </script>
    <![endif]-->
    <!--[if lt IE 9]>
                <script type="text/javascript" src="js/html5.js"></script>
      <![endif]-->
    <style type="text/css">
    body,td,th {
              font-size: 92%;
    </style>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-21210386-3']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <link href="images/favicon.ico" rel="SHORTCUT ICON">
    </head>
    <body id="page7">
    <div id="main">
       <!-- header -->
       <header>
         <h1><a href="index.html"><strong>TravelSober.com</strong></a></h1>
          <div class="nav-box">
             <div class="left">
                <div class="right">
                   <nav>
                      <ul>
                         <li><a href="index.html"><span><b>Home</b></span></a></li>
                         <li><a href="about-us.html"><span><b>About Us</b></span></a></li>
                         <li><a href="planned-trips.html"><span><b>Planned Trips</b></span></a></li>
                         <li><a href="instant-specials.html"><span><b>Bob's Super Specials</b></span></a></li>
                         <li><a href="testimonials.html"><span><b>Testimonials</b></span></a></li>
                         <li><a href="contact-us.html"><span><b>Contact Us</b></span></a></li>
                      </ul>
                   </nav>
                </div>
                <a href="#" class="rss">RSS</a> </div>
          </div>
          <ul class="banners">
             <li>
                <div class="box">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Sober Cruises</h2>
                            <p>Our cruises go to the best destinations on earth on a budget or in 6 Star luxury.</p>
                            <div class="wrapper"><a href="planned-cruises.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style1">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Friends of Lois Trips</h2>
                            <p>Al-Anon conferences and vacations</p>
                            <div class="wrapper"><a href="friends-of-lois-trips.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style2">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Conventions</h2>
                            <p>We take advantage of the many worldwide AA conventions combining them with tours.</p>
                            <div class="wrapper"><a href="sober-cruise-greece-2013.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
             <li>
                <div class="box style3">
                   <div class="top"></div>
                   <div class="xcontent">
                      <div class="bg">
                         <div class="inner">
                            <h2>Recovery</h2>
                            <p>Check out our sober resources page for all fellowships and the chance to meet new friends.</p>
                            <div class="wrapper"><a href="recovery-resources.html" class="link1"><span><b>more</b></span></a></div>
                         </div>
                      </div>
                   </div>
                   <div class="bot"></div>
                </div>
             </li>
          </ul>
       </header>
       <div class="main-box">
          <div class="left-top-corner">
             <div class="right-top-corner">
                <div class="border-top"></div>
             </div>
          </div>
          <div class="border-left">
             <div class="border-right">
                <div class="xcontent">
                   <div class="tail">
                     <div class="inner2">
                         <!-- content -->
                         <section id="content">
                            <h2><b>Costa Caribbean Cruise on the Mediterranea
    - November 30 – December 10, 2012</b><br><br>
                            <b>From $699 Per Person / Double-Occupancy. 10 days for the price of 7!</b></h2>
                            <p> <img src="images/costa-mediterranea-sober-cruise- caribbean-2012.jpg" alt="sober_cruise_caribbean" width="320" height="204" align="right"></p>
                            <h5>Enjoy the Bahamas, Jamaica, Grand Cayman Islands, Roatan, Belize and Cozumel with a round-trip from Miami. You will experience great Italian cuisine, fabulous entertainment and famous <i>In This Life</i> Custom Excursions. We will feature the best of snorkeling, scuba, golf, dolphin encounter and much more!<p></p>Get on board for one of our latest once in a lifetime opportunities. Costa Cruises has reached out to showcase their ships and famous Italian ambience. We have traveled extensively with Costa on one of their best vessels, the Mediterranea. <p></p>This is one of the most popular vessels in the Costa fleet and has been enjoyed by hundreds of <i>In This Life</i> clients. Costa has extended special rates because of the unfortunate accident in Europe. They are giving <i>In This Life</i> guests 10 days for the price of 7 with free upgrades on their November 30 combination Eastern-Western Caribbean cruise.<p></p>Join us for various meetings onboard everyday!</h5>
                            <h5>10-day itinerary includes: <dir>
                           <p>Day 1: Depart 9.00pm: Miami, Florida,<br>
                           Day 2: 9.00am - 6.00pm: Nassau, Bahamas,<br>
                           Day 3: At Sea,<br>
                           Day 4: 12.00pm - 7.00pm: Ochos Rios, Jamaica,<br>
                           Day 5: 9.00am - 6.00pm: Grand Cayman,<br>
                           Day 6: At Sea,<br>
                           Day 7: 8.00am - 6.00pm: Roatan, Honduras,<br>
                           Day 8: 8.00am - 5.00pm: Belize,<br>
                           Day 9: 8.00am - 7.00pm: Cozumel, Mexico,<br>
                           Day 10: At Sea,<br>
                           Day 11: Miami, Florida: Arrive 8.00am.</p>
                           </dir><h2>ITL special - Save up to $200 per person! These are exclusive prices ONLY AVAILABLE from <i>Travel Sober</i>. </h2>
                           <img src="images/Cribbean-sober-cruise-2012.jpg" alt="sober_cruise_caribbean" width="394" height="264" align="right">
                       <h5><p></p>Inside Cabin: $699<br>Ocean View Cabin: $699<br>Deluxe Ocean View Cabin: $899<br>Veranda Cabin: $899</p>
                           <p></p>
                           <p>Book an Inside Cabin for $699 and be upgraded for free to Ocean View.
    <p></p>Book Deluxe Ocean View for $899 and be upgraded for free to Veranda.
    Other free upgrades within categories – placement on first come, first served basis.
    <p></p>This is a Sober Cruise. Get a group together and get extra PERKS!
    </p>
                           <p><h2>Deposit now for best cabin placement, specials and free upgrades!</h2><br><br>
                           <img src="images/in-this-life-logo.jpg" alt="sober_cruise_caribbean" width="300" height="214" align="middle">
    <h5><h2>
    Call or Email Us Today</h2></a>
    <p></p><h2>Office: (805) 927-6910</h2>
    <h2>Toll Free: (800) 531-7578</h2>
    <p></p><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a><br>
    <h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a>
    </p></h5>
                       </section>
                      </div>
                   </div>
                </div>
             </div>
          </div>
       </div>
       <!-- footer -->
       <footer>
          <div class="right">
             <div class="tail">
       

    The MORE buttons aren't images.  They are in the HTML and appear to be styled with CSS to look like button images. 
         <span><b>more</b></span>
    Unfortunately, Design View is incapable of displaying CSS border-radius, gradients, shadows and other CSS level 3 properties.   That's why we have Live View which behaves more like a real browser.
    If you can't live with this, disable CSS in DW by going to View > Style Rendering > untick display styles. 
    Or, use a Design-Time Style Sheet that contains no CSS level 3 properties.
    Nancy O.

  • Can't edit text in CS3 design view

    Hi,
    I have a big absolutely positioned DIV tag in most of my
    pages, practically the whole page content is inside it.
    In DW CS3 design view very often (maybe 50% of all times) if
    I click inside it to edit the text, DW selects the entire DIV tag.
    The cursor becomes like a cross with arrows, the DIV border becomes
    outlined with a thick blue line, and I can't edit the text no
    matter how much times I click. If I move the mouse with left button
    pressed, this moves the DIV and changes the .css file where the
    position is defined. DIV can't be de-selected with Escape, left or
    right clicking.
    The only way to get out of this is to click somewhere in the
    code view, then go back to design view where hopefully text can be
    edited. Sometimes I have to repeat this twice or even 3 times ,
    it's extremely annoying and time consuming.
    Is there any workaround?
    Like to disable selection of containers in design view, or at
    least a quick way to deselect the current selection?
    This problem does not appear in DW8 when editing the same
    files.
    thanks

    > I have a big absolutely positioned DIV tag in most of my
    pages,
    > practically
    > the whole page content is inside it.
    Nasty. Why?
    Do you have an overflow style on this div?
    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
    ==================
    "harpo_" <[email protected]> wrote in
    message
    news:f0igi1$3dn$[email protected]..
    > Hi,
    >
    > I have a big absolutely positioned DIV tag in most of my
    pages,
    > practically
    > the whole page content is inside it.
    > In DW CS3 design view very often (maybe 50% of all
    times) if I click
    > inside it
    > to edit the text, DW selects the entire DIV tag. The
    cursor becomes like a
    > cross with arrows, the DIV border becomes outlined with
    a thick blue line,
    > and
    > I can't edit the text no matter how much times I click.
    If I move the
    > mouse
    > with left button pressed, this moves the DIV and changes
    the .css file
    > where
    > the position is defined. DIV can't be de-selected with
    Escape, left or
    > right
    > clicking.
    > The only way to get out of this is to click somewhere in
    the code view,
    > then
    > go back to design view where hopefully text can be
    edited. Sometimes I
    > have to
    > repeat this twice or even 3 times , it's extremely
    annoying and time
    > consuming.
    >
    > Is there any workaround?
    > Like to disable selection of containers in design view,
    or at least a
    > quick
    > way to deselect the current selection?
    >
    > This problem does not appear in DW8 when editing the
    same files.
    >
    > thanks
    >
    >

  • Pointer coordinates in design view.

    Is there a way to see what my pointer coordinates are in design view? This would greatly increase my production!

    What? AP Div's work great for positioning div's that need to be Absolutely Positioned! When it's selected, I can use the cursor keys to move it where I want.
    I'm not going to debate the merits/downsides of using APDivs with you.  I'll just say that 98% of my layouts are built with default CSS positioning (none specified, or static), which keeps content within the normal document flow.  Margins, padding & floats are used to align elements where needed.
    I'm still curious if there is a way to turn on pointer coord to display in a status area. Does anyone know for sure if it's in Dreamweaver somewhere or if there is an extension for it?
    Not that I'm aware of.  DW is not a graphics application.  It's web authoring software which adheres to different design rules (based on HTML and CSS web standards).
    As far as Photoshop is concerned... that's really retarded that the fonts can't match what we use in html when they know damn well that we use it for mockups!
    I'm about to test and see if GIMP is any better about it.
    This just doesn't make any sense.  Graphics applications don't adhere to web standards any more than DW adheres to graphical standards.  Knowing the differences and using the right tools for your task will make your job much easier.
    Good luck with your project,
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Design view issue - CSS and html

    Hi
    I was wondering if anyone can help me with this. Someone has
    created a page for me using html and CSS as requested. The problem
    is that whenever I try to open the index.html file in design view
    or code and design view, Dreamweaver crashes and I have to restart.
    I am attaching the html and CSS below. Just as an aside, I have
    asked them to create the code using CSS rather than tables and have
    ended up with div hell.
    Cheers
    Julie
    @charset "utf-8";
    * {padding:0; margin:0;}
    body {padding:10px 0 10px 0; background-color:#fff; margin:0
    auto; width: 976px; font-family:Arial, Helvetica, sans-serif;
    font-size:11px; color:#333;}
    #wrap {margin:0 auto; padding:0; position:relative; width:
    976px;}
    a:link { color:#999; text-decoration: underline; }
    a:visited { color:#999; text-decoration: underline; }
    a:hover{ color:#666; text-decoration: none; }
    img { border:none; padding:0; margin:0;}
    h1 {font-size: 36px;}
    h2 {font-size: 24px;}
    h3 {font-size: 18px;}
    h4 {font-size: 16px;}
    h5 {font-size: 14px;}
    h6 {font-size: 11px;}
    input { position:relative; font-weight: normal;cursor:
    pointer;vertical-align: middle;padding: 0 3px;font-size:
    13px;font-family: Verdana, Helvetica, Arial, sans-serif;
    border:#a09f6f 1px solid;}
    select {font-family: Verdana, Helvetica, Arial,
    sans-serif;font-weight: normal;cursor: pointer;vertical-align:
    middle;border: 1px solid #999;padding: 1px;background-color:
    #FAFAFA;}
    option {padding-right: 2px;}
    textarea {font-family: "Lucida Grande", Verdana, Helvetica,
    Arial, sans-serif; width: 60%;padding: 2px;font-size:
    1em;line-height: 1.4em; border:#a09f6f 1px solid; width:390px;
    height:170px;}
    /* Header Part Start */
    #header {margin:0; padding:0; position:relative;
    background:url(../images/index_01.jpg); width:976px; height:97px; }
    #header .headprt {margin:0; padding:0; position:relative }
    #header .headprt .headprtr { float:right; width: 500px;
    margin:0; padding:0; position:relative }
    #header .headprt .headprtr .padhr { color:#fff; margin:0;
    padding:16px 44px 0 0; position:relative; text-align:right;}
    #header .headprt .headprtl {margin:0 500px 0 0; padding:0;
    position:relative;}
    #header .headprt .headprtl .padhl{ color:#fff; margin:0;
    padding:40px 0 0 44px; position:relative }
    .hhllb { font-size:16px;}
    .hhlld { font-size:16px; font-weight:bold}
    .hhllc { font-size: 20px; font-weight:bold}
    .hhlls { font-size:14px}
    .kulay { color:#e55b68}
    /* Header Part End */
    /* Main Part Start */
    #maincontent {margin:0; padding:0; clear:both;
    position:relative; display:block; background-color:#fff }
    #maincontent .boxmainbgl {margin:0; padding:0;
    position:relative; background: url(../images/index_10.jpg) repeat-y
    top left; }
    #maincontent .boxmainbgl .boxmainbgr {margin:0; padding:0;
    position:relative; background: url(../images/index_11.jpg) repeat-y
    top right; }
    #maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
    {margin:0; padding:0; position:relative;
    background:url(../images/index_02.jpg) no-repeat top left; }
    #maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
    .boxmainbgtopr {margin:0; padding:0; position:relative;
    background:url(../images/index_05.jpg) no-repeat top right; }
    #maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
    .boxmainbgtopr .boxmainbgbotl {margin:0; padding:0;
    position:relative; background:url(../images/index_15.jpg) no-repeat
    bottom left; }
    #maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
    .boxmainbgtopr .boxmainbgbotl .boxmainbgbotr {margin:0; padding:0;
    position:relative; background:url(../images/index_16.jpg) no-repeat
    bottom right; }
    #maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
    .boxmainbgtopr .boxmainbgbotl .boxmainbgbotr .boxpadzki {margin:0;
    padding:8px 48px 0 49px; position:relative; height: 1340px;}
    .mainconup {margin:0; padding:0; position:relative;
    clear:both; display:block; overflow:hidden; height:485px }
    .mainconup .mmtoprt { float: right; width:615px; margin:0;
    padding:0; position:relative }
    .mainconup .mmtoprt .mmrtM {margin:0; padding:0;
    position:relative; background:url(../images/picpic.jpg) no-repeat
    top left; height:479px; }
    .mainconup .mmtoprt .mmrtM .mmrtA {margin:0; padding:200px 0
    0 10px; position:relative; width:600px; }
    .mainconup .mmtoprt .mmrtM .mmrtA .mmppr { float:right;
    width: 195px; margin:0 0 0 -3px; padding:0; position:relative }
    .mainconup .mmtoprt .mmrtM .mmrtA .mmppc {margin:0 195px 0 0;
    padding:0; position:relative;}
    .mainconup .mmtoprt .mmrtM .mmrtA .mmppc .mmppx {float:right;
    width: 205px; margin:0; padding:0; position:relative}
    .mainconup .mmtoprt .mmrtM .mmrtA .mmppc .mmppl {margin:0
    205px 0 0; padding:0; position:relative; height:100px}
    .bkspdC { font-size: 22px; font-weight:bold; color:#fff;
    margin:0; padding:30px 0 0 0; position:relative; line-height:20px}
    .bkspdB { font-size: 22px; font-weight:bold; color:#fff;
    margin:0; padding:20px 0 0 0; position:relative; line-height:20px}
    .bkspdA { font-size: 22px; font-weight:bold; color:#fff;
    margin:0; padding:30px 0 0 10px; position:relative;
    line-height:20px}
    .mainconup .mmtoplt {margin:0 615px 0 0; padding:0;
    position:relative }
    .mainconup .mmtoplt .logo {margin:0; padding:2px 0 0 3px;
    position:relative }
    .mainconup .mmtoplt .linek {margin:10px 20px 7px 3px;
    font-size:2px; padding:0; position:relative; border-top: #e7e7e7
    2px solid }
    .mainconup .mmtoplt .pargs {margin:0; padding:10px 20px 0
    3px; position:relative; line-height:13px }
    .hhllw { font-size: 22px; font-weight:bold; color:#23a9e8}
    .maincentr { clear:both; margin:0; padding:0;
    position:relative; background-color:#2774c2; display:block; }
    .maincentr .mckbb {margin:0; padding:10px 10px 20px 20px;
    position:relative; color:#fff; }
    .maincentr .mckbb .mckrt {margin:0; padding:0;
    position:relative; float:right; width:290px }
    .maincentr .mckbb .mcklt {margin:0 290px 0 0; padding:0;
    position:relative }
    .maincentr .mckbb .mcklt .mcklrr {margin:0; padding:0;
    position:relative; float:right; width:290px; height:170px;
    background:url(../images/bgline.jpg) no-repeat right 10px; }
    .maincentr .mckbb .mcklt .mcklcc {margin:0 290px 0 0;
    padding:0; position:relative; height:170px;
    background:url(../images/bgline.jpg) no-repeat right 10px; }
    .maincentr .cbgc {margin:0; padding:0; position:relative;
    background:url(../images/bgline2.gif) repeat-x top left;
    height:2px; font-size:2px}
    .customks {margin:0; padding:0; position:relative;
    font-size:20px; font-weight:bold }
    .quotep {margin:0; padding:20px 20px 0 0; position:relative }
    .quotep .quotea {margin:0; padding:0; position:relative;
    background:url(../images/qouteleft.jpg) no-repeat top left; }
    .quotep .quotea .quoteb {margin:0; padding:0;
    position:relative; background:url(../images/qouteright.jpg)
    no-repeat bottom right }
    .quotep .quotea .quoteb .quotez {margin:0; padding:28px 0 0
    0; position:relative; font-size:12px; line-height:13px; }
    .xquotep {margin:0; padding:20px 20px 0 20px;
    position:relative }
    .xquotep .xquotea {margin:0; padding:0; position:relative;
    background:url(../images/qouteleft.jpg) no-repeat top left; }
    .xquotep .xquotea .xquoteb {margin:0; padding:0;
    position:relative; background:url(../images/qouteright.jpg)
    no-repeat bottom right }
    .xquotep .xquotea .xquoteb .xquotez {margin:0; padding:28px 0
    0 0; position:relative; font-size:12px; line-height:13px; }
    .mainbut {margin:6px 0 0 0; padding:0;
    position:relative;clear:both; display:block }
    .mainbut .mainbbj {margin:0; padding:0; position:relative }
    .mainbut .mainbbj .mainbbrt {margin:0; padding:0;
    position:relative; float: right; width: 167px }
    .mainbut .mainbbj .mainbbrt .sshots {margin:0; padding:0 0
    2px 0; position:relative; width: 167px }
    .mainbut .mainbbj .mainbbrt .sshots .higfx {margin:0;
    padding:0; position:relative; width: 167px; height:122px;
    overflow:hidden }
    .mainbut .mainbbj .mainbblt {margin:0 167px 0 0; padding:0;
    position:relative }
    .mainbut .mainbbj .mainbblt .mainbbrr {margin:0; padding:0;
    position:relative; float: right; width: 425px }
    .mainbut .mainbbj .mainbblt .mainbbrr .mainbbpads {margin:0;
    padding:10px 26px 0 26px; position:relative; font-size:12px;
    line-height:14px }
    .mainbut .mainbbj .mainbblt .mainbbcc {margin:0 425px 0 0;
    padding:0; position:relative; background:#3a3a3a; color:#fff }
    .mainbut .mainbbj .mainbblt .mainbbcc .mainccpads {margin:0;
    padding:20px 25px 25px 18px; position:relative; font-size:12px;
    line-height:15px }
    .hhllt { font-size: 20px; font-weight:bold; color:#23a9e8}
    .hhllk { font-size: 18px; color:#23a9e8}
    /* Main Part End */
    /* Footer Part Start */
    #footer {margin:0; padding:0; clear:both; position:relative;
    display:block }
    #footer .footboxbg {margin:0; padding:0; position:relative;
    background: url(../images/index_18.jpg) repeat-x top left; }
    #footer .footboxbg .footboxlt {margin:0; padding:0;
    position:relative; background: url(../images/index_17.jpg)
    no-repeat top left; }
    #footer .footboxbg .footboxlt .footboxrt {margin:0;
    padding:0; position:relative; background:
    url(../images/index_20.jpg) no-repeat top right; height:36px }
    /* Footer Part End */

    Web Dynpro doesn't allow for the inclusion of custom HTML and CSS.  It is far building business application in a client rendering abstracted framework. 
    If you need some common header, then you should consider the usage of the NetWeaver Portal.

  • How can I get back to editing in Design view?

    I can't edit my web pages in Design view. When I DON'T have Live View on, nor Live Code, I only get a cursor shaped like a NO circle and I cannot click on anything to edit it. I can only make changes in the code window.
    What can I do to restore editablilty in Design view?

    Sorry this has taken so long. I have been trying a few things. One is the fact my template my pages are all based on has an editable region, which is where the uneditable are is within.. Other editable areas in the template are available for me to click into and edit, but not the main area.
    I tried moving the main div inside the editable region, but then, although it is now editable, the main div gets wiped away when the site pages get updated. So then I am forced to go back to the previous situation.
    Link: http://www.revelantiron-ons.com/MainPage.html
    Code:
    <html><!-- InstanceBegin template="/Templates/PageLayout_Idea_Template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Revelant Iron-Ons Home</title>
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > <meta name="keywords" content="christian t shirts, christian apparel, iron on transfer, iron-on transfer, transfers iron on, creation, creator, relevant, Christian, t-shirt, tshirt, iron on, iron-on, inspirational, political, conservative, pro-life, prolife, religious, religion, christian, bible, Jesus, Holy Spirit, spiritual, design, revelation">
    <meta name="description" content="A site for custom-designed Christian, religious, inspiriational, politically conservative iron-on designs. Unique Christian and inspirational iron-on transfer designs for you.">
    <link href="rio-styles.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
    <!--
    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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    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[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_nbGroup(event, grpName) { //v6.0
      var i,img,nbArr,args=MM_nbGroup.arguments;
      if (event == "init" && args.length > 2) {
        if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
          img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
          if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
          nbArr[nbArr.length] = img;
          for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
            if (!img.MM_up) img.MM_up = img.src;
            img.src = img.MM_dn = args[i+1];
            nbArr[nbArr.length] = img;
      } else if (event == "over") {
        document.MM_nbOver = nbArr = new Array();
        for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
          if (!img.MM_up) img.MM_up = img.src;
          img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
          nbArr[nbArr.length] = img;
      } else if (event == "out" ) {
        for (i=0; i < document.MM_nbOver.length; i++) {
          img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
      } else if (event == "down") {
        nbArr = document[grpName];
        if (nbArr)
          for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
        document[grpName] = nbArr = new Array();
        for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
          if (!img.MM_up) img.MM_up = img.src;
          img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
          nbArr[nbArr.length] = img;
    //-->
    </script>
    <!-- InstanceBeginEditable name="head" -->
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <!-- InstanceEndEditable -->
    </head>
    <body   class="body" onLoad="MM_preloadImages('images/NavRllvr1.jpg','images/NavRllvr2.jpg','images/NavRllvr3. jpg','images/NavRllvr4.jpg','images/NavRllvr5.jpg','images/NavRllvr6.jpg','images/RIO_NavU p1.jpg','images/RIO_NavUp2.jpg','images/RIO_NavUp3.jpg','images/RIO_NavUp4.jpg','images/RI O_NavUp5.jpg','images/RIO_NavUp6.jpg','images/BuyBttn_sml_ovr.jpg')">
    <div id="container">
    <div id="adspace">
      <!-- InstanceBeginEditable name="AdSpaceRegion" --><img src="../images/AlsoFollowbar.jpg" id="followbox"  alt="Also follow Revelant Iron-Ons at these locations" width="857" height="43" hspace="59" vspace="0" border="0" usemap="#Map">
      <map name="Map">
        <area shape="rect" coords="640,2,712,48" href="http://www.cafepress.com/RevelantIronOnsCP" target="_blank" alt="Revelant Iron-Ons at CafePress">
        <area shape="rect" coords="487,4,616,40" href="http://www.zazzle.com/revelant" target="_blank" alt="Revelant Iron-Ons at Zazzle.com">
    <area shape="rect" coords="792,1,848,42" href="http://twitter.com/RevelantIronOns" target="_blank" alt="Revelant Iron-Ons Twitter page">
        <area shape="rect" coords="727,2,787,45" href="http://www.facebook.com/profile.php?id=100002412534139&sk=wall" target="_blank" alt="Revelant Iron-ons Facebook page">
      </map><!-- InstanceEndEditable --></div>
    <div id="leftside"></div><div id="rightside"></div><div id="centercore">
        <div id="header"><img src="images/RIO_Masthead-left.jpg" width="448" height="109" alt="Revelant Iron-Ons logo"><img src="images/RIO_Masthead-Right.jpg" width="448" height="109" alt="Inspirational Iron-On Designs"></div>
        <div id="navbar">
          <div id="navbuttonlineup"><a href="MainPage.html" target="_top" onClick="MM_nbGroup('down','group1','Home_bttn','../images/NavRllvr1.jpg',1)" onMouseOver="MM_nbGroup('over','Home_bttn','../images/NavRllvr1.jpg','../images/RIO_NavUp 1.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp1.jpg" alt="Home" name="Home_bttn" width="150" height="28" border="0" onload=""></a><a href="designs.html" target="_top" onClick="MM_nbGroup('down','group1','Designs_bttn','../images/NavRllvr2.jpg',1)" onMouseOver="MM_nbGroup('over','Designs_bttn','../images/NavRllvr2.jpg','../images/RIO_Na vUp2.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp2.jpg" alt="Designs" name="Designs_bttn" width="150" height="28" border="0" onload=""></a><a href="news.html" target="_top" onClick="MM_nbGroup('down','group1','News_bttn','../images/NavRllvr3.jpg',1)" onMouseOver="MM_nbGroup('over','News_bttn','../images/NavRllvr3.jpg','../images/RIO_NavUp 3.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp3.jpg" alt="News" name="News_bttn" width="150" height="28" border="0" onload=""></a><a href="articles.html" target="_top" onClick="MM_nbGroup('down','group1','Articles_bttn','../images/NavRllvr4.jpg',1)" onMouseOver="MM_nbGroup('over','Articles_bttn','../images/NavRllvr4.jpg','../images/RIO_N avUp4.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp4.jpg" alt="Articles" name="Articles_bttn" width="150" height="28" border="0" onload=""></a><a href="instructions.html" target="_top" onClick="MM_nbGroup('down','group1','instruct_bttn','../images/NavRllvr5.jpg',1)" onMouseOver="MM_nbGroup('over','instruct_bttn','../images/NavRllvr5.jpg','../images/RIO_N avUp5.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp5.jpg" alt="Instructions" name="instruct_bttn" width="150" height="28" border="0" onload=""></a><a href="contactform.html" target="_top" onClick="MM_nbGroup('down','group1','About_bttn','../images/NavRllvr6.jpg',1)" onMouseOver="MM_nbGroup('over','About_bttn','../images/NavRllvr6.jpg','../images/RIO_NavU p6.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp6.jpg" alt="Contact Us" name="About_bttn" width="146" height="28" border="0" onload=""></a></div>
          <div id="mainContent"><!-- InstanceBeginEditable name="ContentRegion" -->
            <div id="mainblurb" class="RIO_basic">
            <div id="quickquip" ><p class="RIO_smaller">Keep on top of new designs and other important information. <a href="http://revelantiron-ons.com/letsshop/index.php?main_page=login">Click here</a> to sign up for our newsletter.<a href="http://revelantiron-ons.com/letsshop/index.php?main_page=login"><img src="/images/nwslttr_choose_shot.jpg" alt="choose our newsletter section of registration form" width="190" height="67" vspace="6" border="0"></a> </p>
          </div>
          <div id="quickquip" ><p class="RIO_smaller">Have  questions about Revelant Iron-Ons iron-on transfers? <a href="FAQ.html">Look up our FAQ page</a>.</p>
          </div>
          <div class="clearfloat"></div>
                        <p class="RIO_HeadlineK">God&rsquo;s Cool Creation!          </p>
              <p>This is sure to become popular very quickly. God&rsquo;s Cool Creation displays a wonderful arrangement of images and illustrations glorifying God in His handiwork of Earth&rsquo;s creation.</p>
    <p><img src="/images/designs/proxies/CC_proxy_150w.png" width="150" height="126" alt="God's Cool Creation iron-on design"></p>
    <p>Take a look at this design, <a href="http://revelantiron-ons.com/letsshop/index.php?main_page=product_info&cPath=1&products_id= 7&zenid=217315476d30c2abb2e57d53bcbadb97"><span class="linkK">order it today</span></a>, and get ready to hear your friends ooh and aah over it!</p>
              <p class="RIO_HeadlineK"><a href="news.html#SpecialOffer" class="linkK">A Special Introductory Offer<br>
                for first-time orders!</a></p>
              <p class="RIO_HeadlineK">Welcome to Revelant Iron-Ons.</p>
              <p class="RIO_SubK">Iron-On Designs that Say What You Want to Say</p>
              <p>We are happy to present to you some of the most relevant, eye-catching and unique Christian, inspirational iron-on designs available on the web. This is our aim, and as we grow, we believe you will find this to be true.</p>
              <p>As this site is new, we currently have only a few designs. However, many new designs are in the works. The Bible asks, &ldquo;Who despises the day of small things?&rdquo; Well, not us! We thankfully rejoice that we can start offering you specially made iron-ons in a small way now and grow to more designs later.</p>
              <p class="RIO_SubK">A DIY Approach</p>
              <p>Our purpose is to provide you with great iron-on designs, and impactful messages, printed with Epson&rsquo;s premium  DURABrite<span class="Superscript">&reg;</span> Ultra ink, on quality iron-on transfer material. You supply the garment and the iron, follow our special instructions, and end up with a fantastic iron-on you can enjoy wearing for years.</p>
              <p>Please view our designs, order what you like, and also read any important news and articles about each offering. </p>
            <div id="duraBriteBlurb"><img name="durabriteimage" src="images/DURABrite_logo_8bt.png" width="120" height="65" alt="DURABrite Ultra Ink logo"></div>
            </div><p class="RIO_basic"><br>
            Click on any design to see more!<br>
            <br>
            <a href="/letsshop/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('buybttn_sml','','images/BuyBttn_sml_ovr.jpg',1)"><img src="images/BuyBttn_sml_up.jpg" alt="Buy now!" name="buybttn_sml" width="116" height="30" border="0"></a>        </p>
            <div id="pictscolumn">
                      <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_CoolC.png" width="162" height="165" alt="Cool Creation T-shirt" border="0" align="top"></a><br>
    God&rsquo;s Cool Creation</p>
              <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_ATS.png" width="162" height="165" alt="Able To Save T-shirt" border="0" align="top"></a><br>
    Able to Save</p>
    <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_answr.png" width="162" height="165" alt="the answers T-shirt" border="0" align="top"></a><br>
    the answers</p>
               <p class="RIO_caption"><a href="designs.html"><img src="images/designs/proxies/Shirt_Proxy_FOSS.png" alt="Fruit of the Spirit Spots T-shirt" width="162" height="165" border="0"></a><br>
              Fruit of the Spirit Spots</p>
              <p class="RIO_caption"><a href="designs.html"><img src="images/designs/proxies/Shirt_Proxy_Endrs.png" alt="Endorse does not Establish T-shirt" width="162" height="165" border="0"></a><br>
              Endorse does not Establish</p>
              <p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_WrngChc.png" alt="Fruit of the Spirit Spots T-shirt" width="162" height="165" border="0"></a><br>
              The Wrong Choice</p>
           </div>
          <!-- InstanceEndEditable --></div></div>
      </div>
    <div class="clearfloat"></div>
      <div id="footer"><p class="foottype">&copy; 2011 RightStar Computing<br>
      Revelant Iron-Ons is a brand of RightStar Computing.  123 Hedman Lane, Monticello, Minnesota 55362<br>
      <a href="MainPage.html" class="link">Home</a> | <a href="designs.html"  class="link">Designs</a> | <a href="news.html"  class="link">News</a> | <a href="articles.html"  class="link">Articles</a> | <a href="instructions.html"  class="link">Iron-On Instructions</a> | <a href="contact.html"  class="link">Contact Us | </a><a href="letsshop/index.php" class="link">Buy Now!</a></p><!--footer info will go here, such as copyright, etc. --></div>
    </div><!--end container area -->
    </body>
    <!-- InstanceEnd --></html>
    CSS:
    @charset "UTF-8";
    .body  {
              text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
              background-color: #514444;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 100%;
              margin: 0px;
              padding: 0px;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
    .RIO_basic {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 100%;
              font-style: normal;
              line-height: 120%;
              font-weight: normal;
              font-variant: normal;
              color: #000000;
              text-decoration: none;
              white-space: normal;
              margin-left:0 em;
              margin-right:1.5em;
              margin-top:0.5em;
    .RIO_smaller  {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 85%;
              font-style: normal;
              line-height: 120%;
              font-weight: normal;
              font-variant: normal;
              color: #000000;
              text-decoration: none;
              white-space: normal;
              margin-left:0 em;
              margin-right:1.5em;
              margin-top:0.5em;
    .RIO_showtitle {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    color:          #000;
    font-size: 85%;
    font-weight:bold;
    margin-top:0px;
    margin-bottom: 4px;
    text-decoration:none;
    .RIO_caption {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 70%;
              --font-style:italic;
              color:#000;
              margin-top:.25em;
              margin-bottom:1em;
              text-decoration:none;
    .RIO_basicK {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 100%;
              font-style: normal;
              line-height: 120%;
              font-weight: normal;
              font-variant: normal;
              color: #000000;
              text-decoration: none;
              white-space: normal;
    .RIO_HeadlineK {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 120%;
              font-style: normal;
              line-height: 120%;
              font-weight: bold;
              font-variant: normal;
              color: #000000;
              text-decoration: none;
              white-space: normal;
              text-align: center;
              margin-top:1em;
    .RIO_HeadlineK-left {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 120%;
              font-style: normal;
              line-height: 120%;
              font-weight: bold;
              font-variant: normal;
              color: #000000;
              text-decoration: none;
              white-space: normal;
              text-align: left;
              margin-top:1em;
    .newsdate {
    color: #cead33;
    font-weight: bold;
    font-size: 85%;
    text-decoration:underline;
    margin-top:0.125em;
    .RIO_SubK {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 110%;
              font-style: normal;
              line-height: 120%;
              font-weight: bold;
              font-variant: normal;
              color: #000000;
              text-decoration: none;
              white-space: normal;
              text-align: left;
              margin-left:0em;
              margin-right:0.5em;
              margin-top:0.75em;
    .Superscript {
              font-size: x-small;
    .link {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              color: #FFFFFF;
              text-decoration: none;
              --text-indent: 2em;
              white-space: normal;
              --text-decoration: underline;
    .linkK {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              color: #000000;
              text-decoration: none;
              --text-indent: 2em;
              white-space: normal;
              text-decoration: underline;
    .linkhover {
              color: #ffe050;
              text-decoration: none;
              --text-indent: 2em;
              white-space: normal;
              --text-decoration: underline;
    .foottype {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 65%;
              color: #FFF;
              font-weight:lighter;
              text-align:center;
              line-height:160%;
              text-decoration: none;
    .caption {
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: .75em;
              color: #000F;
              font-weight:lighter;
              text-align:center;
              line-height:160%;
              text-decoration: none;
    .background {
              background-attachment: fixed;
              background-image: url(images/RVLT_Bkgrd_2000h.jpg);
              background-repeat: no-repeat;
              background-position: left top;
    #container {
              width:970px;
              text-align: left;
              height: 900px;
              padding: 0px;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              margin-top: 0;
              margin-right: auto;
              margin-bottom: 0;
              margin-left: auto;
    #buttonspace {
    width:180px;
    height:auto;
    margin-right: 10px;
    margin-bottom: 6px;
    padding-left: 5px;
    padding-bottom: 5px;
    background-color:#f8cf35;
    text-align:left;
    float: left;
    border-radius:6px;
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0, .5);
    box-shadow: 3px 3px 5px rgba(0,0,0, .5);
    .buttontext {
              margin:0px;
              text-decoration:none;
              font-size:80%;
    #centercore {
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              margin-top: 0px;
              margin-right: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              position: relative;
              padding-top: 0px;
              padding-right: 0px;
              padding-bottom: 0px;
              padding-left: 37px;
    #followbox {
              margin-top:46px;
              margin-bottom:0px;
    #adspace {
              background-image: url(images/RIO_Adspace.jpg);
              background-repeat: no-repeat;
              background-position: 0px 0px;
              margin: 0px;
              height: 100px;
              width: 970px;
              padding:  0px;
              --clip: rect(auto,auto,auto,auto);
              position: relative;
              clear: both;
    #header {
              height: auto;
              width:auto;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              margin: 0px;
              padding: 0;
    #leftside {
              background-image: url(images/RIO_LeftSide.jpg);
              background-repeat: no-repeat;
              float: left;
              width: 37px;
              background-position: top;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              margin: 0px;
              padding: 0px;
              height: 700px;
              position: inherit;
              left: 0px;
              top: 100px;
    #rightside {
              background-image: url(images/RIO_RightSide.jpg);
              background-repeat: no-repeat;
              margin: 0px;
              float: right;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              width: 37px;
              height: 700px;
              background-position: top;
    #mainblurb {
              float: left;
              width: 500px;
              margin-top: 20px;
              margin-right: 10px;
              margin-bottom: 15px;
              margin-left: 20px;
              padding-right:15px;
              overflow: auto;
              height: 485px;
              padding:0px, 0px, 0px, 0px;
    #pictscolumn {
              float: right;
              width: 230px;
              height:380;
              margin-top: 15px;
              margin-right: 50px;
              margin-bottom: 15px;
              margin-left: 0px;
              overflow: auto;
              padding:0px;
    #navbar {
              height: 71px;
              width: 896px;
              background-image: url(images/RIO_NavBarBkgd.jpg);
              background-repeat:no-repeat;
              background-position: top;
              margin: 0px;
              padding: 0;
              position: absolute;
              top: 109px;
    #navbuttonlineup {
              height: 28px;
              padding-top:43px;
              width: 896px;
              margin-right: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              position: relative;
              z-index: 80;
              margin-top: 0px;
              padding-right: 0px;
              padding-bottom: 0px;
              padding-left: 0px;
    #mainContent {
              margin: 0; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
              background-image: url(images/RIO_ContentBkgrd.jpg);
              background-repeat: no-repeat;
              height: 520px;
              width: 896px;
              position: relative;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              top: 0px;
              background-position: left top;
              padding-top: 10px;
              padding-right: 37px;
              padding-bottom: 0px;
              padding-left: 37px;
                        overflow: auto;
    #quickquip  {
              width: 205px;
              padding-left:6px;
              padding-right:6px;
              margin:6px;
              background-color:rgba(248, 207, 53, .85);
              border-radius:6px;
    float:left;
    #showbox  {
              width: 268px;
              height: 268px;
              background-color:rgba(255, 255, 255, .7);
              border-radius:8px;
              text-align:center;
              float:left;
              padding-top:8px;
              margin:4px;
    #duraBriteBlurb {
              padding: 10px;
              float: right;
              height: 70px;
              width: 125px;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              z-index: auto;
    table {
    margin-left: 20px;
    margin-right: 20px;
    border: thin solid black;
    caption-side: bottom;
    border-spacing:0px;
    border-collapse: collapse;
    td, th {
    border: thin dotted gray;
    padding: 5px;
    th {
    background-color:#cc6600;
    table table th {
    background-color:white;
    caption {
    font-style: italic;
    padding-top: 8px;
    font-size: 80%;
    .cellshirt {
    width:180px;
    .cellcolor {
    background-color:#fcba7a;
    .centered {
    text-align: center;
    .right  {
    text-align: right;
    #footer {
              padding: 0,0,0,0;
              width:970px;
              background-image: url(images/RIO_Footer.jpg);
              background-repeat: no-repeat;
              height: 100px;
              border-top-width: 0px;
              border-right-width: 0px;
              border-bottom-width: 0px;
              border-left-width: 0px;
              border-top-style: none;
              border-right-style: none;
              border-bottom-style: none;
              border-left-style: none;
              position: relative;
              clear: both;
              float:left;
              background-position: 0px 0px;
              margin: 0px;
              top: 0px;
    /* Tips for mainContent:
    1. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
    2. Be aware it is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the mainContent div. You should be aware of this limitation - especially if the client is adding content with Contribute.
    3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This may help avoid several IE-specific bugs.
    /* Miscellaneous classes for reuse */
    .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
              float: right;
              margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page */
              float: left;
              margin-right: 8px;
              azimuth:center-left
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
              clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    [if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    #navbar, #header, #mainContent, #container, navbuttonlineup, #centercore, #leftside, #rightside, #adspace, #mainblurb, #pictscolumn {zoom: 1;}
    #header {
              top:0px;
              position:absolute;
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]
    If you have any solution, I would greatly appreciate it!

  • CS4 and CS6 design views

    When viewing the same index file I see significant differences between the design views of Dreamweaver CS4  and Dreamweaver CS6. The index file was created in CS5. My CS4  displays it correctly while CS6 design view is not even close. The live views are correct with both. 

    Here is the original .php doc. (Does not contain any php because that was the exercise to insert it).
    <!DOCTYPE html>
    <html dir="ltr" lang="en-US">
    <head>
    <meta charset="UTF-8">
    <title>Explore California</title>
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="stylesheet" type="text/css" media="all" href="style.css">
    </head>
    <body class="home blog">
    <div id="wrapper" class="hfeed">
      <div id="header">
        <div id="masthead"> <a href="http://localhost/explore_ca/index.htm"><img src="images/logo.gif" width="192" height="237" alt="Explore California Home"></a></div>
        <!-- #masthead -->
      </div>
      <!-- #header -->
      <div id="main">
        <div id="container">
          <div id="content" role="main">
            <div id="templateID" >
              <h1>Heading</h1>
            </div>
          </div>
          <!-- #content -->
        </div>
        <!-- #container -->
        <div id="primary" class="widget-area" role="complementary">
          <ul id="baseNav">
            <li><a href="http://www.explorecalifornia.org/tours.htm" title="Explore our tours" class="tours">Tours</a></li>
            <li><a href="http://www.exlorecalifornia.org/mission.htm" title="What we think" class="mission">Mission</a></li>
            <li><a href="http://www.explorecalifornia.org/contact.htm" title="Contact and support" class="contact">Contact</a></li>
            <li><a href="http://www.explorecalifornia.org/resources.htm" title="Guidance and planning" class="resources">Resources</a></li>
            <li><a href="http://www.explorecalifornia.org/explorers.htm" title="Join our community" class="explorers current">Explorers</a></li>
          </ul>
          <!--<ul class="xoxo">
    <li id="search-2" class="widget-container widget_search"><form role="search" method="get" id="searchform" action="http://localhost/explore_ca/">
              <div><label class="screen-reader-text" for="s">Search for:</label>
              <input type="text" value="" name="s" id="s">
              <input type="submit" id="searchsubmit" value="Search">
              </div>
              </form></li>                    <li id="recent-posts-2" class="widget-container widget_recent_entries">                    <h3 class="widget-title">Recent Posts</h3>                    <ul>
                                            <li><a href="http://localhost/explore_ca/?p=4" title="Mountain Biking Rules">Mountain Biking Rules</a></li>
                                            <li><a href="http://localhost/explore_ca/?p=1" title="Hello world!">Hello world!</a></li>
                                            </ul>
                        </li><li id="archives-2" class="widget-container widget_archive"><h3 class="widget-title">Archives</h3>                    <select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option value="">Select Month</option>           <option value="http://localhost/explore_ca/?m=201008"> August 2010 </option>
    </select>
    </li><li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3>                    <ul>
              <li class="cat-item cat-item-1"><a href="http://localhost/explore_ca/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
    </li>
                        </ul>
    </li>                              </ul>-->
        </div>
        <!-- #primary .widget-area -->
      </div>
      <!-- #main -->
      <div id="footer" role="contentinfo">
    <div id="footerContent">
        <div id="footerMenu">
      <h3>Quick Nav</h3>
        <ul id="quickNav">
          <li><a href="../tours.htm" title="Explore our tours">Tours</a></li>
          <li><a href="../mission.htm" title="What we think">Mission</a></li>
          <li><a href="../contact.htm" title="Contact and support">Contact</a></li>
          <li><a href="../resources.htm" title="Guidance and planning">Resources</a></li>
          <li><a href="../explorers.htm" title="Join our community">Explorers</a></li>
        </ul>
    </div>
      <div id="footerBody">
      <div id="footerMidCol">
          <h3><a href="../resources/faq.htm">FAQ</a></h3>
          <p>Find out more about our tours</p>
          <h3><a href="../contact/support.htm">Support</a></h3>
          <p>Need help? It's just a click away!</p>
          <h3><a href="../resources/legal.htm">Legal Disclaimer</a></h3>
        </div>
        <div id="footerRightCol">
          <h1>Explore California</h1>
          <p>5605 Nota Street<br />
            Ventura, CA 93003</p>
          <p class="phone">866.555.4310</p>
        </div>
        </div>
    </div>
              <p class="support clearBoth">Explore California &copy; 2010 All Rights Reserved
              </p>
    </div>
      <!-- #footer -->
    </div>
    <!-- #wrapper -->
    </body>
    </html>
    And here is the related css with reset code
    Theme Name: Explore California
    Theme URI: http://explorecalifornia.org/
    Description: A new theme.
    Author: Joe Lowery for Lynda.com
    Version: 1.0
    Tags: Western
    /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
              background: transparent;
              border: 0;
              margin: 0;
              padding: 0;
              vertical-align: baseline;
    body {
              line-height: 1;
    h1, h2, h3, h4, h5, h6 {
              clear: both;
              font-weight: normal;
    ol, ul {
              list-style: none;
    blockquote {
              quotes: none;
    blockquote:before, blockquote:after {
              content: '';
              content: none;
    del {
              text-decoration: line-through;
    /* tables still need 'cellspacing="0"' in the markup */
    table {
              border-collapse: collapse;
              border-spacing: 0;
    a img {
              border: none;
    /* =Layout
    LAYOUT: Two columns
    DESCRIPTION: Two-column fixed layout with one sidebar right of content
    #container {
              float: right;
              margin: 0 -260px 0 0;
              width: 100%;
    #content {
              margin: 0 280px 0 20px;
    #primary,
    #secondary {
              float: left;
              overflow: hidden;
              width: 250px;
    #secondary {
              clear: right;
    #footer {
              clear: both;
              width: 100%;
    LAYOUT: One column, no sidebar
    DESCRIPTION: One centered column with no sidebar
    .one-column #content {
              margin: 0 auto;
              width: 640px;
    LAYOUT: Full width, no sidebar
    DESCRIPTION: Full width content with no sidebar; used for attachment pages
    .single-attachment #content {
              margin: 0 auto;
              width: 900px;
    /* =Fonts
    body,
    input,
    textarea,
    .page-title span,
    .pingback a.url {
              font-family: Georgia, "Bitstream Charter", serif;
    h3#comments-title,
    h3#reply-title,
    #access .menu,
    #access div.menu ul,
    #cancel-comment-reply-link,
    .form-allowed-tags,
    #site-info,
    #site-title,
    #wp-calendar,
    .comment-meta,
    .comment-body tr th,
    .comment-body thead th,
    .entry-content label,
    .entry-content tr th,
    .entry-content thead th,
    .entry-meta,
    .entry-title,
    .entry-utility,
    #respond label,
    .navigation,
    .page-title,
    .pingback p,
    .reply,
    .widget-title,
    .wp-caption-text,
    input[type=submit] {
              font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    pre {
              font-family: "Courier 10 Pitch", Courier, monospace;
    code {
              font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    /* =Structure
    /* The main theme structure */
    #access .menu-header,
    div.menu,
    #colophon,
    #branding,
    #main,
    #wrapper {
              margin: 0 auto;
              width: 930px;
    #wrapper {
              background: #fff;
              margin-top: 25px;
              padding: 0;
    /* Structure the footer area */
    #footer-widget-area {
              overflow: hidden;
    #footer-widget-area .widget-area {
              float: left;
              margin-right: 20px;
              width: 220px;
    #footer-widget-area #fourth {
              margin-right: 0;
    #site-info {
              float: left;
              font-size: 14px;
              font-weight: bold;
              width: 700px;
    #site-generator {
              float: right;
              width: 220px;
    /* =Global Elements
    /* Main global 'theme' and typographic styles */
    body {
              background: #e1d8b9 url(images/page_background.jpg) repeat-x left top;
    body,
    input,
    textarea {
              color: #666;
              font-size: 12px;
              line-height: 18px;
    hr {
              background-color: #e7e7e7;
              border: 0;
              clear: both;
              height: 1px;
              margin-bottom: 18px;
    /* Text elements */
    p {
              margin-bottom: 18px;
    ul {
              list-style: square;
              margin: 0 0 18px 1.5em;
    ol {
              list-style: decimal;
              margin: 0 0 18px 1.5em;
    ol ol {
              list-style: upper-alpha;
    ol ol ol {
              list-style: lower-roman;
    ol ol ol ol {
              list-style: lower-alpha;
    ul ul,
    ol ol,
    ul ol,
    ol ul {
              margin-bottom: 0;
    dl {
              margin: 0 0 24px 0;
    dt {
              font-weight: bold;
    dd {
              margin-bottom: 18px;
    strong {
              font-weight: bold;
    cite,
    em,
    i {
              font-style: italic;
    big {
              font-size: 131.25%;
    ins {
              background: #ffc;
              text-decoration: none;
    blockquote {
              font-style: italic;
              padding: 0 3em;
    blockquote cite,
    blockquote em,
    blockquote i {
              font-style: normal;
    pre {
              background: #f7f7f7;
              color: #222;
              line-height: 18px;
              margin-bottom: 18px;
              padding: 1.5em;
    abbr,
    acronym {
              border-bottom: 1px dotted #666;
              cursor: help;
    sup,
    sub {
              height: 0;
              line-height: 1;
              position: relative;
              vertical-align: baseline;
    sup {
              bottom: 1ex;
    sub {
              top: .5ex;
    input[type="text"],
    textarea {
              background: #f9f9f9;
              border: 1px solid #ccc;
              box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
              -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
              -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
              padding: 2px;
    a:link {
              color: #0066cc;
    a:visited {
              color: #743399;
    a:active,
    a:hover {
              color: #ff4b33;
    /* Text meant only for screen readers */
    .screen-reader-text {
              position: absolute;
              left: -9000px;
    /* =Header
    #header {
              padding: 30px 0 0;
              background: url(images/blog_banner.jpg) no-repeat;
              height: 187px;
              position: relative;
    #masthead {
              position: absolute;
              left: 42px;
              top: -20px;
    #site-title {
              float: left;
              font-size: 30px;
              line-height: 36px;
              margin: 0 0 18px 0;
              width: 700px;
    #site-title a {
              color: #000;
              font-weight: bold;
              text-decoration: none;
    #site-description {
              clear: right;
              float: right;
              font-style: italic;
              margin: 14px 0 18px 0;
              width: 220px;
    /* This is the custom header image */
    #branding img {
              border-top: 4px solid #000;
              border-bottom: 1px solid #000;
              clear: both;
              display: block;
    /* =Menu
    #access {
              background: #000;
              display: block;
              float: left;
              margin: 0 auto;
              width: 940px;
    #access .menu-header,
    div.menu {
              font-size: 13px;
              margin-left: 12px;
              width: 928px;
    #access .menu-header ul,
    div.menu ul {
              list-style: none;
              margin: 0;
    #access .menu-header li,
    div.menu li {
              float: left;
              position: relative;
    #access a {
              color: #aaa;
              display: block;
              line-height: 38px;
              padding: 0 10px;
              text-decoration: none;
    #access ul ul {
              box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
              -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
              -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
              display: none;
              position: absolute;
              top: 38px;
              left: 0;
              float: left;
              width: 180px;
              z-index: 99999;
    #access ul ul li {
              min-width: 180px;
    #access ul ul ul {
              left: 100%;
              top: 0;
    #access ul ul a {
              background: #333;
              line-height: 1em;
              padding: 10px;
              width: 160px;
              height: auto;
    #access li:hover > a,
    #access ul ul :hover > a {
              background: #333;
              color: #fff;
    #access ul li:hover > ul {
              display: block;
    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
              color: #fff;
    * html #access ul li.current_page_item a,
    * html #access ul li.current-menu-ancestor a,
    * html #access ul li.current-menu-item a,
    * html #access ul li.current-menu-parent a,
    * html #access ul li a:hover {
              color: #fff;
    /* =Content
    #main {
              clear: both;
              overflow: hidden;
              padding: 40px 0 0 0;
    #content {
              margin-bottom: 36px;
    #content,
    #content input,
    #content textarea {
              color: #333;
              font-size: 16px;
              line-height: 24px;
    #content p,
    #content ul,
    #content ol,
    #content dd,
    #content pre,
    #content hr {
              margin-bottom: 24px;
    #content ul ul,
    #content ol ol,
    #content ul ol,
    #content ol ul {
              margin-bottom: 0;
    #content pre,
    #content kbd,
    #content tt,
    #content var {
              font-size: 15px;
              line-height: 21px;
    #content code {
              font-size: 13px;
    #content dt,
    #content th {
              color: #000;
    #content h1,
    #content h2,
    #content h3,
    #content h4,
    #content h5,
    #content h6 {
              color: #000;
              line-height: 1.5em;
              margin: 0 0 20px 0;
    #content table {
              border: 1px solid #e7e7e7;
              margin: 0 -1px 24px 0;
              text-align: left;
              width: 100%;
    #content tr th,
    #content thead th {
              color: #888;
              font-size: 12px;
              font-weight: bold;
              line-height: 18px;
              padding: 9px 24px;
    #content tr td {
              border-top: 1px solid #e7e7e7;
              padding: 6px 24px;
    #content tr.odd td {
              background: #f2f7fc;
    .hentry {
              margin: 0 0 48px 0;
    .home .sticky {
              background: #f2f7fc;
              border-top: 4px solid #000;
              margin-left: -20px;
              margin-right: -20px;
              padding: 18px 20px;
    .single .hentry {
              margin: 0 0 36px 0;
    .page-title {
              color: #000;
              font-size: 14px;
              font-weight: bold;
              margin: 0 0 36px 0;
    .page-title span {
              color: #333;
              font-size: 16px;
              font-style: italic;
              font-weight: normal;
    .page-title a:link,
    .page-title a:visited {
              color: #888;
              text-decoration: none;
    .page-title a:active,
    .page-title a:hover {
              color: #ff4b33;
    #content .entry-title {
              color: #000;
              font-size: 21px;
              font-weight: bold;
              line-height: 1.3em;
              margin-bottom: 0;
    .entry-title a:link,
    .entry-title a:visited {
              color: #000;
              text-decoration: none;
    .entry-title a:active,
    .entry-title a:hover {
              color: #ff4b33;
    .entry-meta {
              color: #888;
              font-size: 12px;
    .entry-meta abbr,
    .entry-utility abbr {
              border: none;
    .entry-meta abbr:hover,
    .entry-utility abbr:hover {
              border-bottom: 1px dotted #666;
    .entry-content,
    .entry-summary {
              clear: both;
              padding: 12px 0 0 0;
    #content .entry-summary p:last-child {
              margin-bottom: 12px;
    .entry-content fieldset {
              border: 1px solid #e7e7e7;
              margin: 0 0 24px 0;
              padding: 24px;
    .entry-content fieldset legend {
              background: #fff;
              color: #000;
              font-weight: bold;
              padding: 0 24px;
    .entry-content input {
              margin: 0 0 24px 0;
    .entry-content input.file,
    .entry-content input.button {
              margin-right: 24px;
    .entry-content label {
              color: #888;
              font-size: 12px;
    .entry-content select {
              margin: 0 0 24px 0;
    .entry-content sup,
    .entry-content sub {
              font-size: 10px;
    .entry-content blockquote.left {
              float: left;
              margin-left: 0;
              margin-right: 24px;
              text-align: right;
              width: 33%;
    .entry-content blockquote.right {
              float: right;
              margin-left: 24px;
              margin-right: 0;
              text-align: left;
              width: 33%;
    .page-link {
              color: #000;
              font-weight: bold;
              margin: 0 0 22px 0;
              word-spacing: 0.5em;
    .page-link a:link,
    .page-link a:visited {
              background: #f1f1f1;
              color: #333;
              font-weight: normal;
              padding: 0.5em 0.75em;
              text-decoration: none;
    .home .sticky .page-link a {
              background: #d9e8f7;
    .page-link a:active,
    .page-link a:hover {
              color: #ff4b33;
    body.page .edit-link {
              clear: both;
              display: block;
    #entry-author-info {
              background: #f2f7fc;
              border-top: 4px solid #000;
              clear: both;
              font-size: 14px;
              line-height: 20px;
              margin: 24px 0;
              overflow: hidden;
              padding: 18px 20px;
    #entry-author-info #author-avatar {
              background: #fff;
              border: 1px solid #e7e7e7;
              float: left;
              height: 60px;
              margin: 0 -104px 0 0;
              padding: 11px;
    #entry-author-info #author-description {
              float: left;
              margin: 0 0 0 104px;
    #entry-author-info h2 {
              color: #000;
              font-size: 100%;
              font-weight: bold;
              margin-bottom: 0;
    .entry-utility {
              clear: both;
              color: #888;
              font-size: 12px;
              line-height: 18px;
    .entry-meta a,
    .entry-utility a {
              color: #888;
    .entry-meta a:hover,
    .entry-utility a:hover {
              color: #ff4b33;
    #content .video-player {
              padding: 0;
    /* =Asides
    .home #content .category-asides p {
              font-size: 14px;
              line-height: 20px;
              margin-bottom: 10px;
              margin-top: 0;
    .home .hentry.category-asides {
              padding: 0;
    .home #content .category-asides .entry-content {
              padding-top: 0;
    /* =Gallery listing
    .category-gallery .size-thumbnail img {
              border: 10px solid #f1f1f1;
              margin-bottom: 0;
    .category-gallery .gallery-thumb {
              float: left;
              margin-right: 20px;
              margin-top: -4px;
    .home #content .category-gallery .entry-utility {
              padding-top: 4px;
    /* =Attachment pages
    .attachment .entry-content .entry-caption {
              font-size: 140%;
              margin-top: 24px;
    .attachment .entry-content .nav-previous a:before {
              content: '\2190\00a0';
    .attachment .entry-content .nav-next a:after {
              content: '\00a0\2192';
    /* =Images
    #content img {
              margin: 0;
              height: auto;
              max-width: 640px;
              width: auto;
    #content .attachment img {
              max-width: 900px;
    #content .alignleft,
    #content img.alignleft {
              display: inline;
              float: left;
              margin-right: 24px;
              margin-top: 4px;
    #content .alignright,
    #content img.alignright {
              display: inline;
              float: right;
              margin-left: 24px;
              margin-top: 4px;
    #content .aligncenter,
    #content img.aligncenter {
              clear: both;
              display: block;
              margin-left: auto;
              margin-right: auto;
    #content img.alignleft,
    #content img.alignright,
    #content img.aligncenter {
              margin-bottom: 12px;
    #content .wp-caption {
              background: #f1f1f1;
              line-height: 18px;
              margin-bottom: 20px;
              padding: 4px;
              text-align: center;
    #content .wp-caption img {
              margin: 5px 5px 0;
    #content .wp-caption p.wp-caption-text {
              color: #888;
              font-size: 12px;
              margin: 5px;
    #content .wp-smiley {
              margin: 0;
    #content .gallery {
              margin: 0 auto 18px;
    #content .gallery .gallery-item {
              float: left;
              margin-top: 0;
              text-align: center;
              width: 33%;
    #content .gallery img {
              border: 2px solid #cfcfcf;
    #content .gallery .gallery-caption {
              color: #888;
              font-size: 12px;
              margin: 0 0 12px;
    #content .gallery dl {
              margin: 0;
    #content .gallery img {
              border: 10px solid #f1f1f1;
    #content .gallery br+br {
              display: none;
    #content .attachment img { /* single attachment images should be centered */
              display: block;
              margin: 0 auto;
    /* =Navigation
    .navigation {
              color: #888;
              font-size: 12px;
              line-height: 18px;
              overflow: hidden;
    .navigation a:link,
    .navigation a:visited {
              color: #888;
              text-decoration: none;
    .navigation a:active,
    .navigation a:hover {
              color: #ff4b33;
    .nav-previous {
              float: left;
              width: 50%;
    .nav-next {
              float: right;
              text-align: right;
              width: 50%;
    #nav-above {
              margin: 0 0 18px 0;
    #nav-above {
              display: none;
    .paged #nav-above,
    .single #nav-above {
              display: block;
    #nav-below {
              margin: -18px 0 0 0;
    /* =Comments
    #comments {
              clear: both;
    #comments .navigation {
              padding: 0 0 18px 0;
    h3#comments-title,
    h3#reply-title {
              color: #000;
              font-size: 20px;
              font-weight: bold;
              margin-bottom: 0;
    h3#comments-title {
              padding: 24px 0;
    .commentlist {
              list-style: none;
              margin: 0;
    .commentlist li.comment {
              border-bottom: 1px solid #e7e7e7;
              line-height: 24px;
              margin: 0 0 24px 0;
              padding: 0 0 0 56px;
              position: relative;
    .commentlist li:last-child {
              border-bottom: none;
              margin-bottom: 0;
    #comments .comment-body ul,
    #comments .comment-body ol {
              margin-bottom: 18px;
    #comments .comment-body p:last-child {
              margin-bottom: 6px;
    #comments .comment-body blockquote p:last-child {
              margin-bottom: 24px;
    .commentlist ol {
              list-style: decimal;
    .commentlist .avatar {
              position: absolute;
              top: 4px;
              left: 0;
    .comment-author {
    .comment-author cite {
              color: #000;
              font-style: normal;
              font-weight: bold;
    .comment-author .says {
              font-style: italic;
    .comment-meta {
              font-size: 12px;
              margin: 0 0 18px 0;
    .comment-meta a:link,
    .comment-meta a:visited {
              color: #888;
              text-decoration: none;
    .comment-meta a:active,
    .comment-meta a:hover {
              color: #ff4b33;
    .commentlist .even {
    .commentlist .bypostauthor {
    .reply {
              font-size: 12px;
              padding: 0 0 24px 0;
    .reply a,
    a.comment-edit-link {
              color: #888;
    .reply a:hover,
    a.comment-edit-link:hover {
              color: #ff4b33;
    .commentlist .children {
              list-style: none;
              margin: 0;
    .commentlist .children li {
              border: none;
              margin: 0;
    .nopassword,
    .nocomments {
              display: none;
    #comments .pingback {
              border-bottom: 1px solid #e7e7e7;
              margin-bottom: 18px;
              padding-bottom: 18px;
    .commentlist li.comment+li.pingback {
              margin-top: -6px;
    #comments .pingback p {
              color: #888;
              display: block;
              font-size: 12px;
              line-height: 18px;
              margin: 0;
    #comments .pingback .url {
              font-size: 13px;
              font-style: italic;
    /* Comments form */
    input[type=submit] {
              color: #333;
    #respond {
              border-top: 1px solid #e7e7e7;
              margin: 24px 0;
              overflow: hidden;
              position: relative;
    #respond p {
              margin: 0;
    #respond .comment-notes {
              margin-bottom: 1em;
    .form-allowed-tags {
              line-height: 1em;
    .children #respond {
              margin: 0 48px 0 0;
    h3#reply-title {
              margin: 18px 0;
    #comments-list #respond {
              margin: 0 0 18px 0;
    #comments-list ul #respond {
              margin: 0;
    #cancel-comment-reply-link {
              font-size: 12px;
              font-weight: normal;
              line-height: 18px;
    #respond .required {
              color: #ff4b33;
              font-weight: bold;
    #respond label {
              color: #888;
              font-size: 12px;
    #respond input {
              margin: 0 0 9px;
              width: 98%;
    #respond textarea {
              width: 98%;
    #respond .form-allowed-tags {
              color: #888;
              font-size: 12px;
              line-height: 18px;
    #respond .form-allowed-tags code {
              font-size: 11px;
    #respond .form-submit {
              margin: 12px 0;
    #respond .form-submit input {
              font-size: 14px;
              width: auto;
    /* =Widget Areas
    .widget-area ul {
              list-style: none;
              margin-left: 0;
    .widget-area ul ul {
              list-style: square;
              margin-left: 1.3em;
    .widget_search #s {/* This keeps the search inputs in line */
              width: 60%;
    .widget_search label {
              display: none;
    .widget-container {
              margin: 0 0 18px 45px;
    .widget-title {
              color: #3B6B91;
              font-weight: bold;
    .widget-area a:link,
    .widget-area a:visited {
              text-decoration: none;
    .widget-area a:active,
    .widget-area a:hover {
              text-decoration: underline;
    .widget-area .entry-meta {
              font-size: 11px;
    #wp_tag_cloud div {
              line-height: 1.6em;
    #wp-calendar {
              width: 100%;
    #wp-calendar caption {
              color: #222;
              font-size: 14px;
              font-weight: bold;
              padding-bottom: 4px;
              text-align: left;
    #wp-calendar thead {
              font-size: 11px;
    #wp-calendar thead th {
    #wp-calendar tbody {
              color: #aaa;
    #wp-calendar tbody td {
              background: #f5f5f5;
              border: 1px solid #fff;
              padding: 3px 0 2px;
              text-align: center;
    #wp-calendar tbody .pad {
              background: none;
    #wp-calendar tfoot #next {
              text-align: right;
    .widget_rss a.rsswidget {
              color: #000;
    .widget_rss a.rsswidget:hover {
              color: #ff4b33;
    .widget_rss .widget-title img {
              width: 11px;
              height: 11px;
    /* Main sidebars */
    #main .widget-area ul {
              margin-left: 0;
              padding: 0 20px 0 0;
    #main .widget-area ul ul {
              border: none;
              margin-left: 1.3em;
              padding: 0;
    #primary {
    #secondary {
    /* Footer widget areas */
    #footer-widget-area {
    /* =Footer
    #footer {
              margin-bottom: 20px;
              background: url(images/footer_back.gif) no-repeat center top;
              height: 600px;
    #colophon {
              overflow: hidden;
              padding: 45px 0;
              font-weight: bold;
              color: #FFF;
              text-align: center;
    #site-info {
              font-weight: bold;
    #site-info a {
              color: #000;
              text-decoration: none;
    #site-generator {
              font-style: italic;
              position: relative;
    #site-generator a {
              background: url(images/wordpress.png) center left no-repeat;
              color: #666;
              display: inline-block;
              line-height: 16px;
              padding-left: 20px;
              text-decoration: none;
    #site-generator a:hover {
              text-decoration: underline;
    img#wpstats {
              display: block;
              margin: 0 auto 10px;
    /* =Mobile Safari ( iPad, iPhone and iPod Touch )
    pre {
              -webkit-text-size-adjust: 140%;
    code {
              -webkit-text-size-adjust: 160%;
    #access,
    .entry-meta,
    .entry-utility,
    .navigation,
    .widget-area {
              -webkit-text-size-adjust: 120%;
    #site-description {
              -webkit-text-size-adjust: none;
    /* =Print Style
    @media print {
              body {
                        background: none !important;
              #wrapper {
                        clear: both !important;
                        display: block !important;
                        float: none !important;
                        position: relative !important;
              #header {
                        border-bottom: 2pt solid #000;
                        padding-bottom: 18pt;
              #colophon {
                        border-top: 2pt solid #000;
              #site-title,
              #site-description {
                        float: none;
                        line-height: 1.4em;
                        margin: 0;
                        padding: 0;
              #site-title {
                        font-size: 13pt;
              .entry-content {
                        font-size: 14pt;
                        line-height: 1.6em;
              .entry-title {
                        font-size: 21pt;
              #access,
              #branding img,
              #respond,
              .comment-edit-link,
              .edit-link,
              .navigation,
              .page-link,
              .widget-area {
                        display: none !important;
              #container,
              #header,
              #footer {
                        margin: 0;
                        width: 100%;
              #content,
              .one-column #content {
                        margin: 24pt 0 0;
                        width: 100%;
              .wp-caption p {
                        font-size: 11pt;
              #site-info,
              #site-generator {
                        float: none;
                        width: auto;
              #colophon {
                        width: auto;
              img#wpstats {
                        display: none;
              #site-generator a {
                        margin: 0;
                        padding: 0;
              #entry-author-info {
                        border: 1px solid #e7e7e7;
              #main {
                        display: inline;
              .home .sticky {
                        border: none;
    /* -------- sidebar region --------*/
    #sidebar .sidebarContent {
              padding-left: 45px;
    /* base navigation */
    ul#baseNav {
              float: left;
              list-style: none;
              margin:0;
              padding:0;
              margin-bottom: 30px;
    ul#baseNav li {
              margin: 0;
              padding: 0;
    ul#baseNav li a{
              display: block;
              width: 272px;
              height: 70px;
              text-indent: -1000em;
    ul#baseNav li a.tours {
              background: url(images/tours_main.gif) no-repeat left top;
    ul#baseNav li a.mission{
              background: url(images/mission_main.gif) no-repeat left top;
    ul#baseNav li a.contact {
              background: url(images/contact_main.gif) no-repeat left top;
    ul#baseNav li a.resources {
              background: url(images/resource_main.gif) no-repeat left top;
    ul#baseNav li a.explorers {
              background: url(images/explorers_main.gif) no-repeat left top;
    ul#baseNav li a.current, ul#baseNav li a.current:hover {
              background-position: right top;
              border: none;
              cursor: default;
    ul#baseNav li a:hover {
              background-position: -272px 0;
              border: none;
    /* ------- footer region ------- */
    #footer h1 {
              padding: 0;
    #footer h3 {
              font: normal 1.3em Arial, Helvetica, sans-serif;
              color: #fff;
              margin-bottom: 0.5em;
              letter-spacing: 0.1em;
              margin-top: 0px;
    #footer p{
              font: normal 1em Georgia, "Times New Roman", Times, serif;
              color: #fff;
    #footer p.support {
              font-size: 0.8em;
              text-align: center;
              padding-top: 250px;
    #footer p.support a{
              color: #147;
    #footer p.support a:hover{
              color: #147;
              border-bottom: 1px dashed #147;
              text-decoration:none;
    #footer ul#quickNav {
              list-style: none;
              margin: 0;
              padding: 0;
    #footer ul#quickNav li {
              margin: 0 0 .5em 0;
              padding: 0 ;
    #footer ul#quickNav li a{
              text-decoration: none;
              color: #fff;
              font-size: 1em;
              font-family: Georgia, "Times New Roman", Times, serif;
    #footer ul#quickNav li a:hover {
              color: #193742;
              border-bottom-color: #193742;
    #footer #footerMenu {
              float: left;
              width: 230px;
    #footer #footerBody {
              float: right;
              width: 540px;
    #footer #footerBody a {
              text-decoration: none;
              color: #fff;
    #footer #footerBody a:hover {
              color: #193742;
              border-bottom-color: #193742;
    #footer #footerBody #footerMidCol {
              float: left;
              width: 270px;
    #footer #footerBody #footerMidCol p {
              margin-bottom: 2em;
    #footer #footerBody #footerRightCol {
              float: right;
              width: 270px;
    #footer #footerBody #footerRightCol h1{
              font: bold 1.6em Georgia, "Times New Roman", Times, serif;
              color: #fff;
              letter-spacing:.1em;
              text-align:right;
              margin-bottom: .25em;
    #footer #footerBody #footerRightCol p{
              color: #fff;
              letter-spacing:.1em;
              line-height: 1.2;
              text-align:right;
              margin-bottom: 1em;
    #footer #footerBody #footerRightCol p.phone{
              font: bold 1.6em Georgia, "Times New Roman", Times, serif;
              color: #fff;
              letter-spacing:.1em;
    /* Page template rules */
    #templateID h1 {
              text-align: center;
              font: 4em "Trebuchet MS", Arial, Helvetica, sans-serif;
    #footer #footerContent {
              padding: 45px 30px 0px;
              overflow: hidden;

  • Images broken in design view on new computer paths leading to old harddrive?

    I recently got a new imac and installed cs5 dreamweaver ( I was using dreamweaver 8 but it no longer works in mountain lion) . I redfined the site all was fine then I must have done something and now suddenly all my images are broken in design view and in brower and live view! The site shows the images online from the server but everything is broken in design view. The directory is a mess as I used way too may subfolders when I first did the site but it's too large to start over. I tried deleting the site from my harddrive all together and creating a new folder for it and just getting the entire site from the server but the images still don't show. I don't want to have to go to every page on the site and fix broken links! I can pull an image into a page by browsing to the folder on my harddrive but they are not appearing anymore on their own. If the images were uploaded originally from another computer and the folder being used now for the site on my harddrive is different that won't break the image paths will it? It all worked fine until a few days ago. What I don't understand is I thought the images wouldn't show if they were only on the server and not on my harddrive but since I just GOT the site from the server, all the images ARE now on my harddrive in the new folder so why still nothing showing? I I tried right clicking the broken images and showing design notes they seem to be lookin for a path to my old computer where the harddrive was named differently than it is now. Is there ANY way to fix this? What about renaming my harddrive to the old name?
    Greatful for any advice but I am very much a newbie so not sure I will be able to do what I need to.
    Mary Ann

    Spaces in folder/filenames are not a good practice.  Space are converted to %20 on the server.  DW's Design View often can't reconcile this.  Best advice is to remove the spaces and use underscores _ or hyphens -
    Rename this:
    http://www.thedqtimes.com/Jane_site/Lake%20Effects/lakeeffectsjdaughters.jpg
    http://www.thedqtimes.com/Becky%20H%20stories/Untitled-1.jpg
    To this:
    http://www.thedqtimes.com/Jane_site/Lake_Effects/lakeeffectsjdaughters.jpg
    http://www.thedqtimes.com/Becky_H_stories/Untitled-1.jpg
    Also, you have a misplaced <head> tag.  It needs to be above the Dynamic drive Javascript code.
    <head>
         <script> </script>
         <style> <style>
    </head>
    Some pages are missing an HTML doc type declaration.  This sends browsers into Quirks Mode.
    Use validation tools to check for other code errors.
    Code Validation Tools
    CSS - http://jigsaw.w3.org/css-validator/
    HTML - http://validator.w3.org/
    Nancy O.

Maybe you are looking for

  • Help with Photoshop Elements 3.0

    I had Elements 3.0 installed on my home computer. My computer crashed and everything had to be re-installed. I can not put my hands on the disc for 3.0 but I do have my serial number. I downloaded PSE 10.0 and every time I try to use it, it shuts dow

  • RE: HDCP

    I have a question that I bought some movie through from i Tune. I saw them last night and I was going to see tonight other one I couldn't see anymore and it came up below. " This movie cannot be played because a display that is not authorized to play

  • Video Conversations with PC

    I found similar questions, but I still am not clear on this topic. How can an iMac have a video conversation with people using PC's?? (Without having to pay for AOL on their side {AIM}, or having to sign up with AOL or Javver on my side). iMac & MacB

  • I have an old Airport Express. How do I get Airport Utility to recognise it?

    I have an OLd style Airport Express that I was using with my 2007 iMac and Tiger. Recent upgrade to Mountain Lion. How do I get the Airport Utility to recognise it so I can set extra stuff? AndrewH66

  • Calendar application doesn't open?

    My primary computer is an iMac and Calendar works fine there, but the calendar app doesn't open on a new 2013 MacBook Air under Mountain Lion 10.8.4. Error message "Can't open Calendar Cache" appears. I wanted to delete the Calendar Cache file in uer