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.

Similar Messages

  • How do I Hide open accordion panels, tooltips, etc. in Design view in Muse

    I am adding tooltips and accordion panels in Muse.  The problem is that, when I am editting the site in Design view, I cannot get the tooltips and panels to close... and so any other objects, text, etc is hidden by the open tooltip / accordion panel... I worked around this somewhat by creating another element in the accordion panel that contains no text, and so shrinks the whole accordion when that element is active, but this is cumberson, and I can find no comparable work-around for tooltips...

    AppleScripts can be saved as run-only, which will keep a casual user from seeing the code, but there isn't a way to keep plain text from being seen.  You should never place sensitive information in plain text in your script/application, or even use them with global variables, since those are also saved with the script.
    The security shell utility can be used to get a password from the system keychain, for example:
    getKeychainPass("Apple") -- example
    on getKeychainPass(itemName)
      return text 2 thru -2 of (do shell script "security 2>&1 >/dev/null find-generic-password -gl " & quoted form of itemName & " | awk '{print $2}'")
    end getKeychainPass

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

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

  • Tabbed Panel Alignment

    I'm having a problem with aligning the Tabbed Panel Content
    window. My page has a sidebar containing a navigation menu. This
    menu is about 200 pixels tall. In the mainContent window to the
    right of the sidebar is a Spry Tabbed Panel. When in Design mode,
    everything looks OK When viewing the page in any browser, the top
    of the Tabbed Panel Content window aligns with the bottom of the
    navigator area in the sidebar. If I add content above the Tabbed
    Panel to push it below the navigator everything looks good. How can
    I make the Tabbed Panel Content window appear just below the tabs
    rather than being pushed down to the bottom of the
    navigator?

    There is no such property value for float, see here http://www.w3schools.com/css/pr_class_float.asp
    Gramps

  • Table expands outside of the content area in a tabbed panel - sometimes

    I am using a tabbed panel to create several different views of a database. The system is working pretty well, the only problem I have is that the content for almost all of the tabbed panels extend beyond the right hand end of the content panel. The page is here www.mwlcraftshow.com/gordo.php and you'll see that when you select the "Declined" tab the data shows correctly within the content area, but if you select "Accepted" or "All vendors" the table extends beyond the content panel. I've reviewed the html and css and don't see any difference between the tab that works (Declined) and tabs that don't work (All vendors, Accepted).
    I'd really appreciate someone pointing me in the right direction.
    Thanks

    I see that you are indicating td widths for your tables. If you don't try to dictate widths in tables AND reduce the size of your text, you will have better luck keeping the table on the panel. You might also consider making the live area for the TabbedPanels wider, as well (the whole widget). If you have a limited size monitor, you won't be able to do that.
    The only size you should use on this table is for the table width itself: use 100%, and it will fill the TabbedPanel Content width-wise, and should force the columns to fit (if you take off their widths as I suggested above).
    With tables, absolute width indicators seem only to be a "suggestion" as tables will automatically expand if the content is too much for the content cells. Applying a 100% width for the table as a whole should force the cells to expand down and not horizontally.
    Beth

  • How do i get two spry tabbed panels to render properly in design view?

    I have inserted two spry tabbed panels into a simple web page.  The second panel appears off to the side of my design view window.  When i preview it in a browser it comes out fine but i can't seem to get the design view the same.  If i insert new paragraphs the tabbed panels look okay in the design view, but when viewing in the browser theres waaay to much space between them.  Any suggestions?

    Without seeing your page, not much to suggest other than making sure your code is valid.  DW is sensitive to coding errors that some browsers will overlook.
    HTML Validator - http://validator.w3.org
    CSS Validator - http://jigsaw.w3.org/css-validator/
    HTML & CSS Tutorials  - http://w3schools.com/
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    www.twitter.com/altweb

  • Inserting tabbed navigation code makes my web page not display in design view..

    Hi everyone..
    I am on Dreamweaver 8 for MAC, and was working on a couple of web pages..these pages included divs and tables. But when I tried inserting a tabbed navigation I found at:
    http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm
    In a nutshell, it asked me for step 1 to:
    Step 1: Insert the        below CSS and script into the HEAD section of your page:
    <link rel="stylesheet" type="text/css" href="tabcontent.css" />
    <script type="text/javascript" src="tabcontent.js">
    * Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    </script>
    The next step was this:
    Step 2: Finally, simply add the below      HTML to where you wish the Tab Content to appear on the page:
    <h3>Demo #1- Basic implementation</h3>
    <ul id="countrytabs" class="shadetabs">
    <li><a href="#" rel="country1" class="selected">Tab 1</a></li>
    <li><a href="#" rel="country2">Tab 2</a></li>
    <li><a href="#" rel="country3">Tab 3</a></li>
    <li><a href="#" rel="country4">Tab 4</a></li>
    <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
    </ul>
    <div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
    <div id="country1" class="tabcontent">
    Tab content 1 here<br />Tab content 1 here<br />
    </div>
    <div id="country2" class="tabcontent">
    Tab content 2 here<br />Tab content 2 here<br />
    </div>
    <div id="country3" class="tabcontent">
    Tab content 3 here<br />Tab content 3 here<br />
    </div>
    <div id="country4" class="tabcontent">
    Tab content 4 here<br />Tab content 4 here<br />
    </div>
    </div>
    <script type="text/javascript">
    var countries=new ddtabcontent("countrytabs")
    countries.setpersist(true)
    countries.setselectedClassTarget("link") //"link" or "linkparent"
    countries.init()
    </script>
    <p><a href="javascript:countries.cycleit('prev')" style="margin-right: 25px; text-decoration:none">Back</a> <a href="javascript: countries.expandit(3)">Click here to select last tab</a> <a href="javascript:countries.cycleit('next')" style="margin-left: 25px; text-decoration:none">Forward</a></p>
    <hr />
    Well, I did all the steps required, but when I put this inside a div I had inside a table, all of a sudden I couldnt see anything in my design view, only two tables that arent even the same size..When I take out all this code, I get back my regular page..Can I see this tabbed navigation in my design view? Unfortunately, I dont have the spry widgets since I am on Dreamweaver 8..If I preview it in both Safari and Firefox (on Mac Firefox/3.0.8) (Safari 3.2.1) I can see everything fine, including the tabbed navigation..But designing in code isnt really helpful because I want to see what it looks like in design view, in case we change things-its just easier for me to work on..So I assume there is something in this code that is making my design view show nothing..
    Update:I tried taking out the code again, but this time, I couldnt see anything again, even without this code..
    I know that I can go to validation website, and I got a lot of errors-but all the pages I have that are in the same style have those same errors too—and they display fine..its only when I insert this specific piece of code that everything goes haywire..Is it even possible to view tabbed navigations (like the one in the above link) inside of Dreamweaver Design View?
    Any help would be appreciated..

    DW8 doesn't render any dynamic content, so I'd say it's a no go. You'll just have to live with that limitation or upgrade to CS4...
    Mylenium

  • Table borders in Dreamweaver cs4 design view too big, I would like to have a single line for tables

    Hi All,
    I design email templates using only tables but the design view options in cs4 only provide a huge 3px border in order to display the tables. In older versions of macromedia etc the table view is only 1px wide which makes designing a whole lot easier.
    When I add tables within tables it adds more spacing and looks way off and it also looks off in browsers, causing me to have to increase and decrease padding sure this is no way to create table even if they have no borders and the table width is already fixed?
    I have tried turning borders off in visual aids but there is no option to have just a single line to demonstrate a border!!
    I can't work like this, can anybody help me or is this just the way borders are displayed in cs4 for the pc???

    Hi Guys, thanks for getting back to me.
    the problem is purely about design view display and not about coding.
    Below is how CS4 displays borders with two lines which I find difficult to decipher:
    Then below is Macromedia DM 8 and this how I want the borders to look, with single lines to display the tables.
    This may just be the way Abobe have decided to display tables in design view and there may not be any option to change it but if you know any way to change it I would be most greatful.
    Thanks again.
    G

  • SSI do not appear in design view; CS4

    All of a sudden..  my ssi's do not appear in design view in CS4.  This is occuring in multiple web sites that prevously DID display SSI's
    Yes..  I do have  Preverances --> Invisible Elements -->  Server Sides Includes: Show contents of  include file IS checked
    Yes..  I have checked both the local and remote information in Site definitions .. all are correct. (and none have changed since the problem emerged) All sites are set to site root relative.
    Yes..  I have checked each include. None has any doc type, html or body tags.
    No.. LIve View is not turned on
    Yes.. the pages all validate
    Yes.. I have tried to 'start from scratch' .. new site, new site definitions.. new .shtml pages and new includes. No love!
    After inserting a new SSI using the insert menu  (typical code result: <!--#include virtual="/redesign/includes/quickClicks.htm" -->) the properties bar seems to get stuck .. displaying the ssi code and not allowing me to select other elements on the page to edit properties.  A restart of Dreamweaver solves the problem.  But boy is this annoying.
    All of the includes do display properly when uploaded to the web server and viewed in a browser.
    I've searched the forum..  and read any post that seemed even remotely relavant and have not been able to solve the problem.
    I would really appreciate your help.  I am a web designer and have used Dreamweaver for many, many years.
    Karen

    Nice site.  I drive by that school quite often when I shop in Thousand Oaks.
    Crashes, installation, JavaScript errors, and unexplained problems
    If Dreamweaver is acting erratically, or if you see a message saying "the following JavaScript error(s) occurred",  it's usually a sign of a corrupt cache file. The first thing to try should always be to delete the file cache. If that doesn't work, delete your personal Configuration folder. Full instructions are in Deleting a corrupted cache file.
    http://forums.adobe.com/thread/429114
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • In design view, how to change the white panel background so white text displays? (I keep having to go to Live view to see it)

    When I'm adding white text it doesn't show up as the background input panel is white, and I keep having to go into Live view to see the paragraph spacings etc. Is there a way round this, other than changing the text colour in CSS to, for instance, black, and then changing it back before I upload the page?

    Hi, and thanks, but it's my fault, I think I'm describing it wrong!
    I've attached two screenshots from that area of the screen, one with the white text on the white background (showing as invisible) and the other where I've highlighted the text so you can see where it is. The background .jpg isn't a solid colour, it's a pattern, and if I added an equivalent pattern to the text area div, it wouldn't line up properly on all sreen resolutions, so that's why I gave that div a transparent background. When I go into Live view, the page displays perfectly, but in Design view I can't see to make amendments to the paragraphs etc.

  • Linking to a specific spry tab in design view

    hi there,
    I am a dreamweaver novice and i only use design view for the most part. I am trying to make a link from some content in one tab to another tab. I looked up many such threads and they say that the spryurlutils.js is to be used. I do not know how and where to insert the script, because that area is uneditable in the code view. Here is the link to the URL.
    http://192.168.17.13/testpagetraining.html
    In the 'About training' tab, in the 2nd paragraph , there are the words "The Partnership".
    I would like to make a link to the 3rd tab "The Partnership" from those words in the first tab.
    Thanks.
    A

    I cannot open the page at the location you specified, it looks like a local server.
    I you want a tutorial on the subject, have a look here http://foundationphp.com/tutorials/spry_url_utils.php

  • Design View Blank in CS4

    For whatever reason Design View is coming up completely blank
    in DreamWeaver CS4 except for 3 icons for the document encoding,
    title, and CSS file. Live View works fine, but Design View fails to
    show anything.
    Does anyone know what setting controls this?
    thanks,
    Sean

    Thanks. It was design view, Live Code was greyed out as there
    is no non-XHTML code in the file.. The problem was one of those
    accidental clicks where I accidentally expanded the window area
    with the icons at the top to use the whole vertical screen area(I
    knew it was something silly). So the viewable Design View area
    below the icons at the top was only a few pixels high (almost
    invisible).
    You can see an example at:
    http://www.envisagement.com/forum_images/DWCS4_Problem.gif

  • Table td not styling correctly in Design View CS4

    Hello everyone!
    I dont know if anyone else is experiencing this problem, or
    if I'm doing something stupid! I've searched all over this forum
    and google etc and found a few people with similar problem but no
    solution.
    please see this code (HTML first, then the external CSS file)
    The code is complete, not truncated or stripped. In IE and
    Firefox, the CSS body styling renders on all text outside the table
    and inside the table (which I believe is correctly inherited) but
    in CS4 Design View, the text inside the table renders at twice the
    size!!
    I'm doing a complex page and it's pushing all my elements
    around in Design View and preventing me from working properly or at
    times at all!!
    Please tell me if this is a bug or is there something I can
    do to stop it displaying like this.
    Thank you!
    Janine x

    On Fri, 3 Apr 2009 09:29:57 +0000 (UTC), "Janine_Trumel"
    <[email protected]> wrote:
    > Sorry, I cant quite see why the first line of code is
    causing the problem.
    Regarding the XML declaration that Nancy suggested omitting,
    the XHTML
    specs suggest using the line, but it is not required if the
    page uses
    either UTF-8 or UTF-16 character encoding. See
    http://www.w3.org/TR/xhtml1/#strict
    where is says in part, "An XML
    declaration is not required in all XML documents; however
    XHTML document
    authors are strongly encouraged to use XML declarations in
    all their
    documents. Such a declaration is required when the character
    encoding of
    the document is other than the default UTF-8 or UTF-16 and no
    encoding was
    determined by a higher-level protocol."
    IE only pays attention to the DOCTYPE if it is the very first
    thing in the
    page. Put anything before the doctype and IE will drop to
    quirks mode.
    That's just an IE bug that you'll have to live with.
    Gary

  • Design View Issue Dreamweaver CS4 - Taking forever to load design view

    I am having an issue where my site takes literally almost a full day to load in design view. Once it is loaded everything works seemlessly but once I close down Dreamweaver and reopen it, I have to wait another day to get to design view of my site. All files open just fine in code view.
    I have deleted the Dreamweaver CS4 cache folder, completely formatted my drive and reinstalled creative suite. I have also validated my code on W3c and everything checks out fine.
    The majority of my site is based off of a template, but even when I remove all the template references in the html files from Notepad I am still having the same issue. My site renders fine and quickly however on Explorer, Firefox, Chrome, and Safari.
    When loading any other site off the web into Dreamweaver I do not run into the problem so there must be something wrong with how my site is set up. Either the Template file is no good or somewhere else I am falling short. Can someone, please, please, please ( I am begging) help me figure out what is going on here.
    My index file is located at - http://www.thebluedot.net/index.html and the template file is located at - http://www.thebluedot.net/Templates/index.dwt
    I have searched high and low and even made a post on this same topic about a month ago but never came up with a resolution to my issue. I had given up on finding a solution to this problem for some time, but I really need to figure out where I am going wrong here!
    Additional Details -
    I am running - Windows Vista Ultimate on a Core 2 Processor with 12 GB of Ram & Solid State Hard Drive. Everything on my system runs super smoothly except loading my site in Dreamweaver CS4 design view.
    I really appreciate any help you can provide.

    I have used CS2 Adobe GoLive to create and manage a website (pro-prosperity.com).  Now, I have CS4 Dreamweaver.  I got a new site set up on Dreamweaver using the site management facility.  I then have the contents of website available locally on Dreamweaver.  I can edit files.  But the main home page, index.html, is not displaying on design view mode for editing, although it displays everything on live view mode.  I have struggled for days and am not getting any difference in attributes of index.html and another .html that is displaying fine on design view and is editable. 
    I am really lost and am begging for any help.  Can you, for example, copy the home page from pro-prosperity.com and display on design view and edit it?  Please tell me what is in this file that is troublesome.  Thanks.
    The first thing you should do is to make sure that this feature is turned on (it's off by default):
      View > Code View Options > Highlight Invalid Html
    It's not perfect, but it will notify you of some problems. In Code View, there are many problems highlighted. Some of them don't make sense, but are triggered because of a problem with a parent tag.
    Be sure to make a backup copy of your file before doing the next step. Close your page. Go to Preferences > Code Rewriting, and turn on "Fix invalidly nested and unclosed tags", "Remove extra closing tags", and "Warn when fixing or removing tags". Click OK, then re-open your page. The messages in the dialog to tell you what was changed. This allowed me to see your page in Design View (I am using CS5).
    Note: I suggested that you reset your preferences to turn off those 3 settings as they can cause problems with some markup.
    In the long term, I suggest that you avoid nesting tables wherever possible.
    Hope this helps,
    Randy

Maybe you are looking for

  • Remote Desktop Session Host on Server 2012 not domain-joined

    I have a server 2012 which is running Remote Desktop Session Host role without the Connection Broker like described here: http://support.microsoft.com/en-us/kb/2833839 Now the client would like the Network Level Authentication (NLA) disabled. And sin

  • Doing subtotal in ALV manually

    Hi since in alv when calculation % the summing up is wrong i did the calculation manually buy inserting lines. but now all properties of ALV is gone.  i am aware of that but still i want to arrange the display to may it same as AVL would do it. since

  • How to add a button to a JFrame..?

    Hi everyone, First of all, I would like to apologise for asking such a "stupid" question.. im new to the java world. Now for my question : I have a JFrame , but I would like to add a button to it ( I would also like to be able to choose where I can p

  • How to view Account balance in a TITLE ACCOUNT

    I want to know how i can view the account balance(sum of all balances in the child or sub accounts) for a title account in sap b1.

  • Connecting from a hotel using ARD, no luck

    I am attempting to get ARD to work when I am on the road and in hotels. No such luck. FYI following ports are open on the computer (MM) I try to reach and the router it sits behind. Computer (MM) to be controlled: Remote login SSH port 22 Apple remot