Text in design view is appearing as garbled gibberish?

As you'll see in the screenshot - all text is churned out as gibberish in design view.
I'm guessing this is some simple fix - but havent a clue what it is.
Am Mac Dreamweaver CS3.
Any help appreciated!

Could be corrupted fonts. Try font-family: Verdana, Arial, Helvetica, Sans-serif.
Nancy O.

Similar Messages

Even editing text in Design View is now difficult in DW CC?

Hi All,
Even editing text in Design View is now difficult in DW CC? I just upgraded.
It seems difficult - or impossible - to select, copy and paste multiple blocks of text from one place to another - unless you work in the Code View.
Text blocks are separate entities, separately edited? I can't even copy and paste an image from one file into another.
Previously, I'd regularly select an image - or a load of text - and replace it with some copied from elsewhere by 'pasting'.
I must be missing something. Perhaps there's another mode of working.
Thanks,
John

You're probably in Live View.
CC2014.1 does some strange things when it comes to Live and Design Views.
1. Design View is gone for Fluid Grid Layouts, so all editing has to be done in Code or Live View. There is a work around to get Design View back for those in Post #6 here: Editing Text and Adding Links Is Crazy in DW CC-2014.1
You can also add your voice to get it back here: Provide "Design View" for Fluid Grid Webpages
2. Design and Live Views are now a dropdown menu. Check the top left of your workspace, you should see Code | Split | Live with a small triangle next to Live. Click it to access Design View in everything but FGL pages

Design view background appears black in CC

I have a site in which the pages are built from templates. When I look at any page in Live view, it appears correctly with a white background. However, in Design view the background is black. The text is appearing in the correct colour (blue), and images are ok. The site also appears correctly online.
I have tried clearing my cache, to no avail. In fact, the black background also manifests itself on my laptop.
I don't remember this happening in CS6.
Any ideas?

This is the way the page appears in split/design view. The black is supposed to be transparent and appears white in the live site, and the bluish area is the currently selected div, which returns to black when deselected. The white areas which show are images with white backgrounds.

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!

Invisible text in design view, how do I make it visible?

I cant figure out why the text in Dreamweaver is invisible,
though I can highlight it still, and see it fine in code view. I
cant make it visible in design view. I dont see css attached to the
text itself, only to the block, and other site elements, but
something in css is causing the text to be hidden and I dont know
how to make it visible. Anybody know what I should be editing or
looking to edit?
Thanks ahead of time.

It sounds like a containing element may have display:none,
and that is
altered by JavaScript in the browser. DW Design View does not
run
JavaScript, so you won't see elements like that in Design
View.
If this is the case, and you are running CS3 (I think?) or
later, go to
Preferences > Invisible Elements and make sure
display:none elements are
turned on. This will show an icon in Design View that you
can
right-click and use Element View > Full (shortcut is to
double-click) on
to temporarily see that element. Use Element View > Hidden
(or F5) to
revert to the default view.
You can also override display:none in a Design-time Style
Sheet if you
want to always see that/those elements.
HTH,
Randy
> no, the text color is different and is definded in css
file...and the browser
> displays the text as defined, its the dreamweaver that
makes it totally
> invisible. I tried changing all "hidden" elements in css
file to "visible" but
> that didnt do it.

Text from Design view is not visible on View

I converted a project from RoboHelp 9 to 11, and discovered that several of my topics were changed. Most of the changes were minor, e.g. spacing, bold type, bullets, etc., but I'm still having to go through each page, to make corrections. Oftentimes, the "problems" don't show up until I View the topic, but up to this point I've been able to fix them. However, one topic looks fine in Design view, but when I open it in View, almost all of the text is gone. I've tried retyping portions, to see if it reappeared, but not all of it does. Do you have any idea what is happening and how I fix it?

LOL, you should probably check out my dear friend Peter Grainge's site
RoboHelp Tour
Here's the deal. In times past, the eHelp corporation had RoboHelp. And they created RoboHelp HTML long before HTML really was wildly popular. In those times it was necessary to implement some rather arcane workarounds to allow editing and a WYSIWYG environment.
Time moves forward and Adobe are now the owners of the venerable RoboHelp. They modified the editor to be more standards compliant. And as you might imagine, that has the real possibility of somewhat munging things. Not that RoboHelp is munging code, but browsers are now a bit more persnickety about things. For example, that transparent thing was likely there in earlier browser versions and was ignored. So it's a combination of things.
Cheers... Rick

Why do Slideshows disappear in Design view but appear in Preview view

Any idea what is happening? Let me know [email protected]

Hi David,
I'm not really sure why this is happening by looking at your image. Can you send your .muse file to [email protected] with the subject attn: Dana and a link to this thread so I can dig deeper?
Thanks,
Dana

Design View Appearing Blank

Hello All:
I apologize that my first post is a question. I have searched
and cannot seem to find an answer to this. I am a new Dreamweaver
user but have been handcoding for ~7 years. I am self taught with
Dreamweaver so I may very well have done something wrong.
I created a template and everything worked fine in design
view and otherwise until I transfered said template to another
computer. On that other computer (and now on this one), my template
simple shows the background color (grey) instead of the rest of the
page. Oddly, when I put text in design view, it places it in the
first editable region on the template, which is around the body
tag. In Design view, it also shows up completely as an editable
region even though there is a 
there to end the editable region.
When I open any of the pages in Firefox/IE5-6/Opera on
various operating systems I have absolutely no problem viewing and
navigating the site, and there are no javascript errors.
Am I doing something wrong? I can provide a screen shot of
both the working page and the non-working design view. My HTML is
not validatable but that is not of concern at the moment.
Thank you in advance for your help,
Eric

You cannot place the body tag into an editable region using
DW's UI. You
can do it manually, of course, with the consequences you
describe.
If you want to edit the attributes of the body tag, there are
several ways -
what is it you are wanting to do?
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
==================
"LaSalleTroy" <[email protected]> wrote in
message
news:eeed8e$sjj$[email protected]..
> "Fixed" ... sort of.
>
> First, I apologize that I posted this in the dynamic
HTML section, I
> missed
> the dynamic part for some reason.
>
> It seems that dreamweaver did not like having
<body> be in an editable
> region.
> After removing that, I can now see the design in
dreamweaver.
>
> Eric
>

Cursor position misplaced in Design View

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

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

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

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

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

Unable to view page content in Design View

I cannot see the content of a page made from a template in normal Design view.
I am able to see the content in Live View mode, but cannot make changes in that view. I can only make changes in code view.
My client would like to make changes to content text in Design view only.
Why am I unable to see/edit in Design view?
Two screencaps and the page code are here:
http://compassdm.com/GM/
I am using CS4 DW on Macbook Pro, Leopard.
The template is based on the standard included thrColAbsHdr layout template provided with DW.
Thank you for help.
BW

DavidHonaker wrote:
There are two questions for the Spry Menu 2 version.
1) Do I have to make all menu title and link changes in code? With the regular Spry menu that comes with DW CS5 you can make the changes, and add links to menu items, in the "Design > Properties" window. I would sure like to be able to do that, rather than go to the strictly "code" view and work in there.
2) With the Spry 2 menu at the top ( see www.Aloe-Vera.org/test.htm ) I am unable to go into "Design" view for the page to make changes in the content of the page itself.
Are there any fixes so that I can view and edit the rest of the page in DW CS5 "Design" view?
Thanks, David
1. It is true you cannot use the Properties window. You can use the code view or the Widget Browser to make edits. The Widget Browser has a GUI if you feel more comfortable with that.
2. You should be able to make some changes in Design View, but unfortunately the GUI and clean layout in Design View is gone. Best suggestion I can give you here is to file a bug report/feature request: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform . I have before with this because I agree it helps newer users and compared to commercial alternatives like those from Project Seven it falls short everytime.

How to edit text in design mode - i.e get an I cursor instead of arrow

DW CS6 This is a very basic unclear on concept question. I normally work in code view and have no problems. Sometimes there is a large block of text within a paragraph which is in a div.
I would like to correct a simple typo or insert some more text directly from the design mode display. However, almost all the time, when I click on the spot I want to modify, the cursor remains an arrow and the entire div gets a yellow border. I still have the select arrow, not the vertical bar I need to edit.
Sometimes I seem to stumble onto the right set of clicks and get the edit bar.
Thanks for any suggestions.

Design View can get pretty cranky when your code has errors.
Check the validator at http://validator.w3.org and make sure you're working with clean code before resorting to wiping preferences, config folders or reinstalling.
If your code is clean and it's still not allowing you to click your text in Design View, you may have a z-indexing issue. I notice on pages that use a lot of positioning (APDivs) you can accidentally cover up your text boxes with blank/transparent areas of other elements and cause problems when trying to access that text at a later date.
It's all guesswork though without seeing your actual page.
Could you post a link?

Problems with design view after moving to new imac

Moved CS4 Dreamweaver from my Mac Mini intel duo to a new i5 Imac last night: suddenly design view is not showing various CSS styles, especially certain links.
For example, instead of this:
HOME | ABOUT | CONTACT | HELP
it will show this in design view:
|||
Meanwhile, in a browser live on the web, everything is fine.
I did a fresh install of dreamweaver CS4 last night from original install disks to new i5 Imac.
Help!

Culprit is the classic MS Windows font ARIEL. I installed it one at a time from two different sources (a 1999 TT build and a 2001 TT build) and both immediately caused problems, particularly in Dreamweaver with vanishing text in design view for any fonts setting sassigned the "ariel, helvetica sans serif family").
Since problem only is happening on the 2011 i5 Imac (but not on my old Mac Mini 1.6 or emac G4) I will guess the dilemma resides with fontbook or something peculiar to font management on the iMac.
Removing font of course solved all problems.

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

Why does a "script' text in design appear as non script (block) in browser preview in CS5 on a Mac?

I have amended text within the design field and selected "Brush Script MT Italic. In the design view in Dreamweaver CS5 it appears in this script but when I preview it either in Dreamweaver "preview in browser" or after uploading and viewing in browser the text appears in a non script format.
The source code is :
<!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>Untitled Document</title>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>This is a test.</p>
<p> </p>
</body>
</html>
And the linked CSS style sheet reads:
@charset "UTF-8";
/* CSS Document */
p {
font:"Brush Script MT Italic";
I am using a Mac with Lion OS. I have tried many script font but the result is the same.
DC

There are only a minimal amount of web safe fonts to be used in your webpage design. Frush Script MT Italic is not one. What happens is it might display on the computer that has that font, but on a person web browsing computer, if the font is not installed, then it will use the default font (usually times new roman or equivelant on Mac). It is best to stick with the web safe fonts (google it) unless you use the font in a graphic.
Jim

Text in design view is appearing as garbled gibberish?

Similar Messages

Maybe you are looking for