Design view CS3

I just installed CS3 and in design mode it is not showing any
CSS styling. I have to go to a web browser to see it. How can I
fix?

Durangokids wrote:
> I just installed CS3 and in design mode it is not
showing any CSS styling. I have to go to a web browser to see it.
How can I fix?
1) select View>Toolbars>Style Rendering
is the first icon enabled? That will display screen media
styles. Other
icons display other media styles and/or toggle off the
rendering of
styles in design view altogether. It's easy to forget about
this toggle!
Hope that's all it is. The other possibility is that you are
using a
webroot relative path structure but your site structure isn't
the same
as the remote server.
I bet it's the first, though. Like working on your car, look
for the
easiest & cheapest solution to test first.
HTH
Donna

Similar Messages

Cursor off-set from text in design view CS3

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

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

Design view (CS3) is completely highlighted - can't edit content

On one of the websites I have developed, when I go to Design view and click on the content I want to revise, all content and photos are highlighted, so I can't just edit one word or sentence. I have to go to Code view and search for that content in order to change it, meaning I don't have the ease of adding links in the Design view, etc. One of the web pages with this problem is: http://www.greenkarat.com/TEST_NEW/about/education.asp, which validates. The CSS is http://www.greenkarat.com/TEST_NEW/css/greenkarat.css, which also validates. Below is a screen print of the design view that doesn't allow me to edit. How can I clear this up? Thank you. P.S. If I "temporarily" remove one of the closing div tags - </div>, I can then edit in the Design view, but I need to add the div tag back in before I upload the file to the server. If the div tag is not added back in, the page does not validate

http://www.greenkarat.com/TEST_NEW/about/education.asp is a dead link (404 error).
Can you re-upload so we can see the page?

Can't edit in Design View (CS3)

I've been happily working between the code and design views, and all of the sudden, whenever I click on a section in the design view, it highlights the entire top-level div (<body><div#container>)and I cannot edit. I did, however, notice that the area 'outside' of my page is crosshatched white. My only workaround is to make all edits in the code view.
Did I accidentally change a setting that I am not aware of? Has anyone else had this problem?
Thanks,
SWO

It matters a great deal - a container for which overflow:hidden is in effect will be rendered as a unique block formatting context. In simple words this means that floats within that container will be cleared before closing the container.
Anyhow, if you DOUBLE click in the Design view, you will now be able to edit. You could also right click on the element, and choose ELEMENT VIEW > Full to allow editing of its content.

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/

Problem with type size in design view CS3

Has anyone experienced type in design view that is just too
small to read? It seems to be inconsisent -- type is speced the
same, but some of it is showing as 1 or 2 pt in my design view. Not
having this problem in DW8. Probably something that I did by
mistake, but I can't seem to "fix" it.
Your help is most appreciated

Design View doesn't process code like a brower does. It's primarily used for viewing layout.
Hence the name Design View.
You want to click on Live View while in Design View

What is it about this markup that breaks DW CS3 Design View Editing?

Folks:
I'm attaching very simple --and apparently completely valid-- markup that generates the text shown between the markers below:
------------start----------------
yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda badda.
------------end----------------
As you can see by examining the file, it contains only an span enclosing text and spaces, and some following breaks. This file passes DW validation: no errors or warnings.
If I open this file in DW CS3 Design View, select and delete the last word, "badda", the entire text --every "yadda"-- is also deleted. All that text is really gone -- if I immediately save the file and re-open it, there is no text content at all, just the span pair, spaces, and the trailing breaks. This is completely repeatable.
When you edit this file, do you get the same result?
The attached file is a cut-down, simplified version of a production file that exhibits this issue. (That file also passes validation.)   When I delete single words, entire content paragraphs disappear.   So this is not just a point of curiosity. I need to figure out how to fix the production code and avoid this problem in the future.
What is it about the attached markup that causes this issue? I've fooled around with this code quite a bit and the best I can figure out is that DW is confused when both the start- and end- span tags are followed immediately by a line break. Inserting a space in either place makes the issue go away.   But the production code doesn't have any occurances of this pattern. And, anyway, line-breaks have no significance to html, just for source-code formatting, right?
Am I missing something incredibly obvious?
TIA
hen3ry

Nancy O:
Thank you for your response, which gave me valuable clues to understanding the issues.   (Specifically, it led me to re-read and understand better the nitty-gritty of the HTML4 specs, section 7, "The global structure of an HTML Document", especially 7.5.1 The BODY element.)
I believe you are saying --in sum-- that to be reliably edited in DW, each source file must comprise a syntactically correct and complete HTML Document.
I am attaching a second file, "badcode2.html", modified substantially as you suggest. It passes the DW validator, the validator.w3.org test, and the www.totalvalidator.com test.    No errors or warnings.
I do this:   Launch DW, open this file, choose Design View if necessary, select the final word of text, "badda", and activate Edit-->Cut (or Delete).   As before, all the other text is deleted as well. This is repeatable.
It seems to me this sample code satisfies your general principle. Could I be misapplying the three validation tests? Or that passing these tests does not assure the document is syntactically correct and complete?   Can you recommend other tests?
I'd like to add the following two points as a matter of background and a bit of niggling:
--I'm aware that complete HTML pages must contain <html> , <head>, and <body> tags, although the HTML4 specification seems to say <body> tags are optional.   All my production pages, as served, contain these tags.   My underlying design is a php template with individual content files incorporated by inclusion.   There may be only one set of <html> , <head>, and <body> in a page. The "outer" template code provides these tags, and individual content files cannot contain a nested set -- so they must be "bare" markup.   Is DW able to support this design, in which "bare markup" files are seemingly unavoidable?    Is there a mechanism analogous to DW Design-Time Style Sheets to provide virtual existence of these tags so "bare markup" files can be successfully edited? I've looked for such a mechanism but not found one.    Or some completely different method?
--You specify the inclusion of <p> or <h1> tags within the body.    Is there some special significance of <p> or <h1> with respect to stable editing in DW? My reading of the HTML4 spec indicates that a single block element is the minimal requirement for body content. Either of these tags qualify, right?   But so does <div>, and that's what I use in my current example.    Am I misunderstanding something?
Bottom line, I'm looking for a pragmatic solution for my problem:   Once in a while, among hundreds of structurally similar "bare markup" pages I edit in DW without any problem, I lose data.   If inserting an additional tag into all my content include files eliminates these occasional problems, I'm willing to do that, as long as: (1) There is an arguable technical basis for the addition, (2) the added tag does not produce anything visible on the served page, and (3) the validators don't flag the extra tag.
Suggestions, please!
Thanks,
hen3ry

Images and styles not showing in Design view on CS3

Hi all,
I am playing around with a CSS website template that I downloaded and
opened in DW-CS3. I am just using this to learn and play around with. It
came with the style sheet, jpg images etc.
I just noticed that when in Design view for the index page, that the images
and styles, menus are not displaying, only the html text is visible in Design view.
When I preview the site with a browser like IE or FF, it displays fine along with
any changes I have made.
Does anyone have any ideas?
Regards,
dano

In DW, View > Style Rendering > Display Styles on?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Is it possible to print from design view in CS3

I've got a summary print out / display page for a CF application that I'd like to be able to print out in Design view.
DW CS3 only seems to print the code page and I don't want to print from a browser as that will only show the options currently selected - I'm after having all options displayed.
Is it possible? Any suggestions other than printScreen?

No, you can't print from Design view. It seems as though screen capture is your best option,

Design view in DW CS3 with php ?

I am evaluating DW CS3 having previously used text editors to
create simple php based sites.
I'm having problems understanding if DW can show a design
view of a static php page,that uses include php files to provide
the html code for the top of the page and the bottom of the page.
So something like
<?php include('includes/top.php'); ?>
<div id="main">
<h1>Page under construction</h1>
<div class="page_link"><a href="hw.php"
title="HW">Hardware</a></div>
</div>
<div id="bottom">
<?php include 'includes/bottom.php'; ?>
</body>
</html>
top.php and bottom.php include some standard images/text I'm
using on several pages. They contain standard html.
Would I expect DW to show what this should look like in
design view ? If so how do I get this to work ?

> Would I expect DW to show what this should look like in
design view ? If
> so
> how do I get this to work ?
No, DW will not show this page in the way you are hoping.
Why? Because the
page doesn't contain <html>, <head>, or
<body> tags. Sure, you have them in
the include file, but DW won't like that. Must you have those
tags in the
files being included?
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
==================
"tonyb61" <[email protected]> wrote in
message
news:fv4sav$npe$[email protected]..
>I am evaluating DW CS3 having previously used text
editors to create simple
>php
> based sites.
> I'm having problems understanding if DW can show a
design view of a static
> php
> page,that uses include php files to provide the html
code for the top of
> the
> page and the bottom of the page.
> So something like
> <?php include('includes/top.php'); ?>
> <div id="main">
> <h1>Page under construction</h1>
> <div class="page_link"><a href="hw.php"
title="HW">Hardware</a></div>
> </div>
> <div id="bottom">
> <?php include 'includes/bottom.php'; ?>
> </body>
> </html>
>
> top.php and bottom.php include some standard images/text
I'm using on
> several
> pages. They contain standard html.
>
> Would I expect DW to show what this should look like in
design view ? If
> so
> how do I get this to work ?
>
>

Can't edit text in CS3 design view

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

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

CS3 - Design View not showing externally linked images

In CS3 Design View, externally linked images are not showing
up... i am only getting the place holder.
To prempt some questions:
1/ Links are correct and complete - apart from the fact that
they show up when previewing in the browser(s) - i have
crosschecked
2/ There are no spaces in the url
3/ In the 'View' menu, 'Display External Files' is checked
I had this problem before and escargo suggested saving and
rebooting. It worked then but strangely, today, that file is again
showing some of the externally linked images but not all. And on a
new file, created today, none of the externally linked images are
showing up... :(
I'm sure there's a simple solution to the problem... anyone
have any idea what it could be?
Thanks and cheers,
JJ

Nope. Some show - some don't.
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
==================
"jhabrix" <[email protected]> wrote in
message
news:faom5n$9ku$[email protected]..
> Bump....
>
> Anyone have a solution to the above problem???

Server Side Includes not displaying in DW CS3 design view

I have this code in my page (see below):
When I open the file in Dreamweaver MX 2004 in design view,
the page displays correctly. That is, I see the correct styles from
the style sheet contained in Head_Standard.html and the logo/menu
in Logo_TopMenu.html
When I open the page in DW CS3, I do not see the effects of
the style sheet and I do not see the logo/menu.
However, when I change the code for the first include from:
virtual="/ServerSide
to
virtual="
../../ServerSide
then the page renders correctly in Dreamweaver CS3.
My first reaction was: what?! And my question is: how do I
use a root reference inside the head and get it to display properly
in DW CS 3?

"Go to Edit > Preferences > Invisible Elements >
Server-Side Includes (Check this box) to show contents of included
file"
I already do this.
For me:
/ServerSide... does NOT work
../../ServerSide... works
So, a relative reference works and a reference to the root
does not. I have over 20 websites with root references and I need
this to work in DW9.

Font sizes render too small in DW CS3 design view?

I have recently upgraded to DW CS3 from DW8 (which is still
installed) on my Vista Ultimate system.
For some reason CS3 occasionally renders fonts smaller than
they 'should' appear. This can be replicated using the below code
(I realise this code is not 'best practice' by any measure but it
is the simplest way I could demonstrate the problem). In DW8 design
view it renders exactly as it outputs in IE5, 6, 7, and Firefox
(with default viewing settings) but in DW CS3 the font appears much
smaller! I realise this is probably a standards issue, with CS3
probably sticking to the standards more firmly than the browsers
and DW8 but I need the design view to render as the browser will or
it is no use to me
Please do not say that I should amend my code to be more
'Standards Compliant' as my main use of DW is coding a large
PHP/MySQL invoicing system which is used within a controlled LAN on
IE6 only. It was originally written by someone else and has been
added to and updated by myself. It is very large and certainly
doesn't need rewriting just to render correctly in DW CS3 design
view.
Any help greatly appreciated

Thanks, Malcom
Here is a screen shot of DW CS2 andn how the fonts are
displayed:
http://www.jlynnewines.com/images/purge_fontexample.gif
~~~
The page is:
http://www.jlynnewines.com/newsletter_archive.htm
~~~
Here is the code:
<td height="114" align="center"
valign="top"><p><font size="2" face="Arial, Helvetica,
sans-serif"><strong>December,<strong><strong>
2007</strong></strong><font size="2"
face="Arial, Helvetica, sans-serif"><strong><font
size="2" face="Arial, Helvetica,
sans-serif"><strong><br>
<br>
</strong></font></strong><font size="2"
face="Arial, Helvetica, sans-serif"><a href="
http://www.jlynnewines.com/newsletters/JL_News_Q4_2007.htm"
target="_blank">View
HTML Presentation</a><a
href="newsletters/pdf/JL_newsletter_Q2_2007.pdf"
target="_blank"><br>
</a><a href="
http://www.jlynnewines.com/newsletters/pdf/JL_newsletter_Q4_2007.pdf"
target="_blank">Printable
PDF
Version</a></font></font></strong></font></p>
<p><font size="2" face="Arial, Helvetica,
sans-serif"><strong><font size="2" face="Arial,
Helvetica, sans-serif"><strong>August,
2007<br>
<br>
</strong></font></strong><font size="2"
face="Arial, Helvetica, sans-serif"><a href="
http://www.jlynnewines.com/newsletters/JL_News_Q3_2007.htm"
target="_blank">View
HTML Presentation</a><a
href="newsletters/pdf/JL_newsletter_Q2_2007.pdf"
target="_blank"><br>
</a><a
href="newsletters/pdf/JL_newsletter_Q3_2007.pdf"
target="_blank">Printable
PDF Version</a></font></font></p>
<p><font size="2" face="Arial, Helvetica,
sans-serif"><strong><font size="2" face="Arial,
Helvetica, sans-serif">May,
2007<br>
</font></strong><font size="2" face="Arial,
Helvetica, sans-serif"><a href="
http://www.jlynnewines.com/newsletters/JL_News_Q2_2007.htm"
target="_blank">View
HTML Presentation</a><a
href="newsletters/pdf/JL_newsletter_Q2_2007.pdf"
target="_blank"><br>
Printable PDF
Version</a></font></font></p>
<p><font size="2" face="Arial, Helvetica,
sans-serif"><strong>February,
2007</strong><br>
<a href="
http://www.jlynnewines.com/newsletters/JL_News_Q1_2007.htm"
target="_blank">View
HTML Presentation</a><br>
<a href="newsletters/pdf/JL_newsletter_Q1_2007.pdf"
target="_blank">Printable
PDF
Version</a></font></p></td>

Paste Doesn't Work in DW CS3 Design View

What's up with this now?
This is a fresh installation of CS3 on a Mac Pro G5. Pasting
in text from Word or Excel won't work in Design View, but it does
in Code View.
I've been doing this for a while now on another machine,
using CS2.
What am I missing? Did I overlook something? I've checked in
the Preferences, but besides the usual choices for pasting, I don't
see why this won't work.
Ideally, I'm trying to improve my process of placing tabular
data from Excel. It's a pain to paste in information cell by cell.
Why can't I paste-in ANY text of any kind in Design View?
Thanks!

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=dd550772
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
==================
"thanser" <[email protected]> wrote in
message
news:g8klm8$74k$[email protected]..
> What's up with this now?
>
> This is a fresh installation of CS3 on a Mac Pro G5.
Pasting in text from
> Word or Excel won't work in Design View, but it does in
Code View.
>
> I've been doing this for a while now on another machine,
using CS2.
>
> What am I missing? Did I overlook something? I've
checked in the
> Preferences, but besides the usual choices for pasting,
I don't see why
> this
> won't work.
>
> Ideally, I'm trying to improve my process of placing
tabular data from
> Excel.
> It's a pain to paste in information cell by cell.
>
> Why can't I paste-in ANY text of any kind in Design
View?
>
> Thanks!
>

Design view CS3

Similar Messages

Maybe you are looking for