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

Similar Messages

TranslateMarkup output not displaying in design view

Hi
I'm trying to take a set of php pages which all follow a similar style
<?php
$p=new page();
$p->rightCol=<<<RC
SOME HTML GOES HERE
RC;
$p->mainContent=<<<MC
SOME OTHER HTML GOES HERE
MC;
This then pulls in various other files (css, js etc) and renders on the website. I'm used to working with an IDE and hand-writing php code. My non-technical colleague would like to edit the html using WYSIWYG and is used to using DW. At the moment the html in the heredoc strings doesn't display in design view. I've been trying to rejig the pages using translators and can convert the above php into html which renders fine in a browser. The html output from the translateMarkup function doesn't display in design view. I think I'm probably fighting a losing battle (for instance I'm not sure how I'm going to make html editable in DW even if I can get it to render), but if anyone could explain why the html won't render I'd be very grateful. My translator is
<html>
<head>
<title>Conditional Translator</title>
<meta http-equiv="Content-Type" content="text/html; charset=">
<script language="JavaScript">
function translateMarkup(docNameStr, siteRootStr, docContent){
//Find the right col stuff, delimited by <<<RC\n and RC;\n
var regexRC=/<<RC([\s\S]*)RC;/;
var regexMC=/<<MC([\s\S]*)MC;/;
var rcContent = regexRC.exec(docContent)[1];
var mcContent = regexMC.exec(docContent)[1];
var ret = (getHeader()+'<main>'+mcContent+'</main><aside id="rightcol">'+rcContent+'</aside>'+getFooter());
return ret;
function getTranslatorInfo() {
var transArray = new Array(6);
transArray[0] = "LG_TRANS";
transArray[1] = "Translates for LG";
transArray[2] = "1";
transArray[3] = "php";
transArray[4] = "0";
transArray[5] = "allFiles";
transArray[6] = "50";
return transArray;
function getHeader() {
return '<!DOCTYPE html><html><head><title>TEST</title></head><body>';
function getFooter() {
return '</body></html>';
</script>
</head>
<body>
</body>
</html>

unless there's any way of rewriting the files before upload and download (ie dynamically rewrite the php pages as html before dreamweaver opens them, then rewrite them back as php before they're uploaded - I'm clutching at straws).
I believe that this should be possible but I'm definitely not a DW extensionologist so I couldn't say for sure. Also, I believe that the tricky part would be the last step -> WYSIWYG edits back to PHP, which may well be impossible.
If you want to talk to someone who knows DW inside out, contact the guys at http://www.projectseven.com. They are excellent.

VB code not showing in Design View

I am working with a form that has VB code for validation and need to style it with CSS. The problem is the form is not visible in Design View. The code is there, the page renders and works fine in a browser but has anyone seen this issue before? I have a similar form that uses C# and it shows up fine in Design view.
the page is here: http://www.housing.ucsb.edu/digiknow/digiknow_form.aspx

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

SSI includes do not display in design view.

Hi,
I am working on an existing site. By "existing", I mean there
was no Dreamweaver site definition. I created the site definition
but, when I open pages that use ssi, the included files do not show
in design view. If I reinsert the include, it show in design view.
The code is the same in code view. Is there some way to update the
includes so I don't have to reinsert them?
Thank you,
Henry

By "header/footer" tags, Ken means "<html>,
<head>, or <body>" tags - you
have none of those in your files being included, do 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
==================
"Henry Anthony" <[email protected]> wrote in
message
news:f2skgv$aej$[email protected]..
> Ken,
>
> I inherited the site. To work on it in Dreamweaver, I
had to create the
> site
> definition. So, the site was defined after it was built.
The include files
> are
> fine. No header/footer tags. I assumed the includes
would show when I
> opened a
> file but they will only show if I reinsert the include
while in design
> view.
> Upon examination of the code after the reinsert, there
is no change.
>
> Thanks,
> Henry
>

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

JavaScript does not display in Design view

Hi,
I am just starting to learn JavaScript so excuse my, maybe stupid, questions.
Why the following code does not display Hello world! in Split view on the "design" side? When I upload the file onto the server and try to view it in the browser everything displays normally.
<!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>Homepage</title>
</head>
<body>
<script type="text/javascript">
document.write("Hello World!");
</script>
</body>
</html>

Hi,
This is normal, design view is simply a way of either creating your website using the wysiwyg method or if you code the website it is a way of getting an idea what the site will look like static. Design view doesn't run any scripts, which is why in the more recent versions of dreamweaver we have LiveView which does run the scripts and allow you to interact with drop down menus and the like, which you can't do in DesignView.
Richard

Includes Not Displaying in Design View

I have an html page whose content is kept mostly in include
pages. In the DW8 Design View, these includes are not displaying.
For example, a page that should have a height of 600px only
displays the masthead and footer; it's as if the includes do not
even exist. However, when I test it in the browsers, all is well.
Is there a Preference Setting or plug-in that I am missing?
Any suggestions are welcome.
Thank you in advance for your time and consideration.

> For example, a page that
> should have a height of 600px only displays the masthead
and footer; it's
> as if
> the includes do not even exist.
Can you post a link to this page? Can you also tell us where
the includes
are (or post the raw code here)?
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
==================
"The WereMike" <[email protected]> wrote in
message
news:ep55lh$pkj$[email protected]..
>I have an html page whose content is kept mostly in
include pages. In the
>DW8
> Design View, these includes are not displaying. For
example, a page that
> should have a height of 600px only displays the masthead
and footer; it's
> as if
> the includes do not even exist. However, when I test it
in the browsers,
> all
> is well.
>
> Is there a Preference Setting or plug-in that I am
missing? Any
> suggestions
> are welcome.
>
> Thank you in advance for your time and consideration.
>

Page body not displaying in Design view

Using CS3, I am trying to edit a page in Design view, however the page does not appear.
http://www.angeleyesgps.com/index2.html
The page can be found here, showing the body content appearing, showing it is not commented out.
As you scroll down the page, you will see a Design view screenshot in CS3 (attached to this posting), showing what I am seeing.
Cannot find anything in the code causing this to happen. All other pages appear fine, with body content appearing.
Sure appreciate your help on this!
Mark

Your table structure is completely messed up. You have tables nested inside of cells and inside of tables... it's a real mess I'm afraid. Because you don't have matching pairs of tags for either tables or cells that correspond, the page isn't showing up in Design view.
I think you need to start again with the table structure -and make sure you nest them correctly.
Also, not sure why you have the content within a form tag... (just under the body - and then the corresponding closing form tag at the end of the document.
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="start();" style="background-color:#1b140e">
<form name="form1" method="post" action="">
This is what the validator says:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.angeleyesgps.com%2Findex2.htm l
It' really a matter of starting again (sorry !).

Saved Objects are not displayed in designer view after insert

Hi All,
My HFRS is acting weird today. I tried to insert a saved Object(text,Image) into my report. I have inserted them by (Insert>>Saved Object) but I'm unable to view them in designer view after insert. When I run the PDF Preview I'm able to see the objects on the report. Any assistance? I want to move the text object to the bottom of the report.
Thanks.

Resolved it.

PhpBB2 source code does not show in design view /CS3

I would like to customize a php bulletin board.
The default bulletin board page does not show in design view.
Is there a way to do it , such that php code can be written
by DreamWeaver via the design view ?

> The files I am trying to edit, or that is think I should
be trying to edit ,
> are
> index.php , and in the includes file template.php
If I am sorting this out correctly, which i am _not_ sure of
at the moment:
those aren't .tpl files.
they are .php files, and are part of the forum. They aren't
displaying in
design view because they are all php.
You need to find and edit the template files.
In previous link given:
http://www.phpbb.com/community/viewtopic.php?t=10764
<q>
So where do I find these great 'templates'?
Look in /templates/subSilver (thoroughout the FAQ I will be
using subSilver,
the default template. If you are using a different template
then change the
folder you look in accordingly). You will see a collection of
files there.
The templates are the ones with the file extension '.tpl' The
majority of
files in that folder are .tpl files. </q>
strongly suggest you make a backup copy of anything you try
to touch.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Design Window is not displaying the correct view

Hi
For some reason the Design View on my CS3 is not displaying
the correct view.
It used to show how the web page would look but it is simply
showing up the wording and pictures surrounded by dotted black
lines.
I am using a template as a bases for all the pages and all
the pages are showing like this.
My other sites are showing up OK though.
When I Preview in Browser, it all shows up OK.
Can anyone help?
Bezz

VIEW | Style Rendering > Display Styles
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Bezz333" <[email protected]> wrote in
message
news:fttdsr$394$[email protected]..
> Hi
>
> For some reason the Design View on my CS3 is not
displaying the correct
> view.
>
> It used to show how the web page would look but it is
simply showing up
> the
> wording and pictures surrounded by dotted black lines.
>
> I am using a template as a bases for all the pages and
all the pages are
> showing like this.
>
> My other sites are showing up OK though.
>
> When I Preview in Browser, it all shows up OK.
>
> Can anyone help?
>
> Bezz
>

Lists not showing in Design view

If I preview page in browser, I can see the bulleted list,
but it is not visibile in design view, pretty annoying. Anyone know
why this might be happening? I validated my code and got no
errors...

Open any html page
either type the element in code view, say h1. Hello
it doesn't show up in Design View (It's visible in Live view however)
Or,
In Design View type Hello (yes, it's visible!)
Highlight Hello, then right click (I use a 2 button mouse) select from the pop-up menu and format the hello as h1. Hello
It disappears from the design view... (yes, it's visible in Live View)
Menu spry's and other "widgets" inserted do not display correctly in Design View, but display Okay in Live view
(This behaviour did not happen in CS4)
Mo Eb , Garry
*** http://uofgts.com
** [email protected]
o "Beer is living proof that God loves us and wants us to be happy."
-Benjamin Franklin, American statesman and diplomat, (1706-1790 ).

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

DW8: image won't display in Design View

Folks:
DW8 on MacOS 10.4.8 (fully updated) on Intel iMac.
What would keep an image from displaying in DW Design View?
What are the causes of the grey box with the superimposed "X"? Is
there any diagnostic output that might help? Is the grey box and
"X" substituted by DW8 for an invalid or un-drawable graphic, or is
this done by the OS?
The problem:
I've got a 1912 x 1481 graphic, a geographic map, in AI that
I'm trying to use as an ordinary web image, but DW won't display it
in Design View. Instead all I see is a big grey box and "X". For
test purposes, I'm starting from a new "Basic" HTML web page and
all I'm doing is inserting this one image. I need to get this
working so I can draw hotspots on this graphic to make it
"clickable" .
Here's what I've tried:
o Triple-checking that the inserted image reference is
correct. Yes, the image file is correctly linked. With the image
selected, the inspector shows a tiny but recognizable miniature of
the expected image. Further, when the page and the image are
uploaded to the web server and I look at it via a browser, the
expected image is _always correctly displayed.
o Exporting the graphic "for the web" from AI as both a GIF
and a medium-quality JPG. Neither of these are displayed in Design
View; both are served up correctly after being uploaded
o I found a larger JPG on a different site I'm managing. This
always displays as expected in both DW Design View and when served
up. I substituted the failing map JPG image. The result: A grey
box.
o Checking the map images: The JPG and GIF versions seem to
be visible in all environments (image readers, browsers, etc.) I've
checked _except_ DW8 Design View.
o Checked on another system. I made the failing image
available to a very helpful ACE, who performed a similar
experiment. It worked fine for him. I used his exact HTML and
directory structure -- and it failed for me. Grey box with "X".
It seems to me that I've checked most of the obvious
possibilities. Now it is time to check the less obvious ones.
Suggestions are very welcome!
Thanks,
Henry

Randy:
Thanks for your response.
This is a virtual memory system, so -- in theory-- it should
accommodate anything that will fit on the hard drive, more or less,
if I'm wiling to wait the hours (days?) it will take to swap on and
off the disk. That assumes DW8 takes advantage of the capability.
It may not.
"Larger"? The JPG image I compared to is 1692 x 2160 pixels,
but weighs slightly less, 289K bytes. I'm losing track of all my
test images that fail, but a representative one is 1912 x 1481
pixels and weighs 332Kb on the disk. "Roughly comparable" might be
a better description. The point is still reasonable: DW8 does
handle images of this size on my system.
One issue that occurred to me recently is that I may have
caused some grief by monkeying with the "Save for web" settings at
the Illy export. Perhaps I asked for some configuration that's
normal for Illy to export --or it would have warned me, I hope--
but too strange for DW to grok. DW should complain more
informatively than painting a gray box and "X" when that happens, I
would think.
Henry

DW8 text not visible in design view

I have imported a site from DWMX(6?) to DW8.
In DWMX everything is visible in design view.
In DW8 the text is NOT visible in design view unless I switch off rendering using CSS (Display Styles Off), but displays fine in a browser.
If I switch off rendering using CSS I can see and edit the text but it is not remotely WYSIWYG
The pages are created from templates and were originally created using DW4 or DW3.
The site URL is http://www.decisionmodels.com/
There has to be a simple solution to this but I just cant find it.
Charles

font verdana { font-family: Verdana, Geneva, sans-serif; }
I changed the font from default because one of the old fixes I found for Dreamweaver suggested that... I could change it back.
You are aware that this is not a legitimate CSS selector, right?
Forgive my ignorance, but what does this mean? Does it refer to my font selection? Or something else?
It means that your selector "font verdana" is not a legal selector. It says to find all "verdana" tags that are descendents of a font tag. Clearly there is no valid HTML tag called "verdana". If it was your intention to create a rule that would allow you to format text as verdana, or geneva or sans-serif, then that would have to be done with a CLASS selector, e.g.,
.font_verdana { font-family: verdana, geneva, sans-serif; }
Note the leading 'dot' and the underscore - spaces are not allowed in selector names.

Code not displaying in Design View

Similar Messages

Maybe you are looking for