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

Similar Messages

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

JSC2.1 Fedora5 and Chinese, jsp design view blank!!!

Dear all,
I can run JSC2.1 in Fedora 5 chinese language, but jsp design view is blank, I can not drop any componnent in it and cannot see anything., and if I change JSC2.1 to "-locale en", JSC2.1 is all Okay, please help me

If you get the designer blank, there is some bug. Could you have a look into your log file? It is <your_userdir>/var/log/messages.log? There should be some exceptions causing that state. Send them here or file bug directly.
In any case, try to workaround the problem by deleting <your_userdir> and restarting JSC.

JSP Design View blank

When viewing JSP using workshop 8.1(sp1 as well as sp2),
I encountered a situation that the design view is blank,
only a line in the bottom says:
<netui-template:template><netui-template:section><netui:form><table><tr><td>
The soruce view is working fine.
What could go wrong?
After I restarted workshop, it works fine.
Must be a bug in workshop IDE.

If you get the designer blank, there is some bug. Could you have a look into your log file? It is <your_userdir>/var/log/messages.log? There should be some exceptions causing that state. Send them here or file bug directly.
In any case, try to workaround the problem by deleting <your_userdir> and restarting JSC.

CS3 Design View blank when body in Editable area

Anyone run into this? It appears to be a bug, possibly new in
DW CS3 (9.0 build 3481)
When a <body> tag is put in an editable region, DW does
not recognize subsequent editable regions and Design View is blank.
When saving this template, an error appears "This template does not
have any editable regions..." However, Code Validation and Template
Syntax Check return no errors. Moving the body tag out of the
editable region corrects the problem. Here is a sample template:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Sample Template</title>
</head>

<body id="foo">

<h1>This is template text</h1>

<p>Text does not show in Design view</p>

</body>
</html>

On Wed, 27 Aug 2008 19:14:34 +0000 (UTC), "Peter Siebert"
<[email protected]> wrote:
>Anyone run into this? It appears to be a bug, possibly
new in DW CS3 (9.0 build
>3481)
> When a <body> tag is put in an editable region, DW
does not recognize
>subsequent editable regions and Design View is blank.
When saving this
>template, an error appears "This template does not have
any editable
>regions..." However, Code Validation and Template Syntax
Check return no
>errors. Moving the body tag out of the editable region
corrects the problem.
>Here is a sample template:
<body> tags are not permitted in editable regions.
If you want to add something to the body tag on individual
pages use:
search help for:
Specify editable tag attributes in a template
~Malcolm~*...
~*

CS5 design view blank

I've been searching for the answer, nothing is helping.
Yesterday I tried to open a website made for my class (linked to a template I believe) and design view suddenly showed up blank, also in split view. Code grayed out. Preview in browser and live view showing. I need design view to edit things like editable region and - for an entirely different project - tables. I'm an amateur and I don't know what I did. Clicked on something bad by complete mistake?
Any advice would be much appreciated, it's urgent. :/

I have a similar issue. Whenever I look at a page with php in it, the design view is completely absent. Additionally, the "Design View" and ""Live Code" buttons aregreyed out.
Larry Voyer
Site Creator/Administrator
http://larryvoyer.com/genealogy/

Design View blank, JSP and Java views fine

I'm running JSC 2.1, I have 2 gig of memory. I'm not able to see the design view on one of my jsps, but the error message in the log isn't very helpful.
I did a cut-and-paste from another jsp view in another file -- is there something else I have to copy? If so, what and where to?
Any help appreciated.
Stack trace is below (I get five of the same errors with different line numbers; I'm only including one stack trace here):
java.lang.NullPointerException
at com.sun.rave.designer.DesignerTopComp.componentShowing(DesignerTopComp.java:868)
at org.netbeans.core.multiview.MultiViewPeer.showCurrentElement(MultiViewPeer.java:233)
at org.netbeans.core.multiview.MultiViewPeer.showCurrentElement(MultiViewPeer.java:205)
at org.netbeans.core.multiview.MultiViewPeer$SelectionListener.selectionChanged(MultiViewPeer.java:480)
at org.netbeans.core.multiview.MultiViewModel.fireSelectionChanged(MultiViewModel.java:224)
at org.netbeans.core.multiview.MultiViewModel.setActiveDescription(MultiViewModel.java:93)
at org.netbeans.core.multiview.MultiViewModel$BtnGroup.setSelected(MultiViewModel.java:274)
at javax.swing.JToggleButton$ToggleButtonModel.setSelected(JToggleButton.java:215)
at javax.swing.ButtonGroup.setSelected(ButtonGroup.java:139)
at org.netbeans.core.multiview.MultiViewModel$BtnGroup.setSelected(MultiViewModel.java:270)
at javax.swing.JToggleButton$ToggleButtonModel.setSelected(JToggleButton.java:215)
at javax.swing.JToggleButton$ToggleButtonModel.setPressed(JToggleButton.java:250)
at javax.swing.plaf.basic.BasicButtonListener.mouseReleased(BasicButtonListener.java:234)
at java.awt.AWTEventMulticaster.mouseReleased(AWTEventMulticaster.java:231)
at java.awt.AWTEventMulticaster.mouseReleased(AWTEventMulticaster.java:231)
at java.awt.Component.processMouseEvent(Component.java:5488)
at javax.swing.JComponent.processMouseEvent(JComponent.java:3126)
at java.awt.Component.processEvent(Component.java:5253)
at java.awt.Container.processEvent(Container.java:1966)
at java.awt.Component.dispatchEventImpl(Component.java:3955)
at java.awt.Container.dispatchEventImpl(Container.java:2024)
at java.awt.Component.dispatchEvent(Component.java:3803)
at java.awt.LightweightDispatcher.retargetMouseEvent(Container.java:4212)
at java.awt.LightweightDispatcher.processMouseEvent(Container.java:3892)
at java.awt.LightweightDispatcher.dispatchEvent(Container.java:3822)
at java.awt.Container.dispatchEventImpl(Container.java:2010)
at java.awt.Window.dispatchEventImpl(Window.java:1774)
at java.awt.Component.dispatchEvent(Component.java:3803)
at java.awt.EventQueue.dispatchEvent(EventQueue.java:463)
[catch] at java.awt.EventDispatchThread.pumpOneEventForHierarchy(EventDispatchThread.java:242)
at java.awt.EventDispatchThread.pumpEventsForHierarchy(EventDispatchThread.java:163)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:157)
at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:149)
at java.awt.EventDispatchThread.run(EventDispatchThread.java:110)

I figured out the problem. The Java code had gotten out of sync with the jsp code, so the design view didn't know how to render the components. It's a pain to fix, but it can be done. Go through your jsp code component by component, and make sure there are declarations, getters, and setters for each id in the components. Also make sure the java code doesn't contain declarations, getters, and setters for any components that you didn't create (you can see these in the jsp view at the bottom of the file).

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

Dreamweaver CS4 Design View Issues

Hi,
I'm experiencing issues with the design view in DW CS4. It seems a little buggy to me. Sometimes I cannot seem to select any items at all, either using a single or double click. It's starting to drive me nuts. Is there an easy way to enter into this form of editing that's a little less random ?
Many thanks in advance

There are two things that could prevent you from editing a region of DW's design view:
The page is the child page of a DW template and the region you are trying to edit is in a NON-EDITABLE part of that template, and cannot be edited in the child page.
The container (i.e., the ancestor) for the region you are attempting to edit has a CSS style of "overflow:hidden" applied to it. Double clicking (or right click > Element View > View All) would open that region for editing.
If you are able to verify that one of those two possibilities is in play, then you have your answer. If neither of them applies, then we would need to see the page and its code - perhaps you could post a link to 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>
    
</div>

<div id="main">
    <div id="container">
      <div id="content" role="main">
        <div id="templateID" >
          <h1>Heading</h1>
        </div>
      </div>
      
    </div>
    
    <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>
      
    </div>
    
</div>

<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 © 2010 All Rights Reserved
          </p>
</div>

</div>

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

Code not displaying in Design View

Why would code visible in code view not be visible in design view? DW cs4, using lesson pages from Adobe DW cs4 CIB.[I'm stuck and can't complete my lesson!]

Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags. Try validating your code and fix reported errors.
           Code Validation Tools
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Design View Has Disappeared

The design view in Dreamweaver CS3 has suddenly disappeared. I noticed this problem a few days ago when working in code then switching to design sometimes nothing would show. Going back to code and then clicking on design again usually solved the problem but not this time.
I closed the file I was working on with the design view blank. Now everything I open, on every website will not show design view at all. I've tried re-booting the computer and nothing works. I'm running a Mac with OS X 10.6.8
Can anyone help me please?
Debra

Dreamweaver allows you to customize your workspace (the interface in DW, size and position of the various panels) in different ways to suit your preferred workflow.
It also offers you quick ways to switch between different preset Workspaces.
You can also Reset back to factory default layouts.
See
http://help.adobe.com/en_US/dreamweaver/cs/using/WS9403857B-903B-4bd5-95D4-D6B4F21C24BB.ht ml

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: ) 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

Design view goes blank [CS3]

I usually work with split code + design view
When working with certain files and make a change in code
view(or in a linked .css), and then click in Design view, the
Design view goes totally or partially blank. Either nothing appears
at all, or the content appears up to some point, and the rest up to
the end is blank.
Once this happens, there is absolutely no way to make the
'hidden' content visible. Tried to switch to another file, to
select code in code view, to edit in code view or even in design
view - no go. I have to close / open the file, and then it appears
normally. But indeed I can't do this every minite, is there some
solution known?
There is no stuff with visibility set to hidden or alike, if
the content is displayed - it's displayed correctly. Also looks OK
in all major browsers.
Thanks

This often happens when you have added such garbage code that
DW cannot
figure out what to do with it. For example, adding a
<body> or </body> tag
in the middle of a page can do such things. Might that be
what's happening
for you?
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:f2nq7t$dse$[email protected]..
>I usually work with split code + design view
> When working with certain files and make a change in
code view(or in a
> linked
> .css), and then click in Design view, the Design view
goes totally or
> partially
> blank. Either nothing appears at all, or the content
appears up to some
> point,
> and the rest up to the end is blank.
> Once this happens, there is absolutely no way to make
the 'hidden' content
> visible. Tried to switch to another file, to select code
in code view, to
> edit
> in code view or even in design view - no go. I have to
close / open the
> file,
> and then it appears normally. But indeed I can't do this
every minite, is
> there
> some solution known?
>
> There is no stuff with visibility set to hidden or
alike, if the content
> is
> displayed - it's displayed correctly. Also looks OK in
all major browsers.
>
> Thanks
>

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 Blank in CS4

Similar Messages

Maybe you are looking for