Dreamweaver SPLIT CODE/DESIGN VIEW?
Hello.
I'm running Dreamweaver CS3. I have dual 22" monitors and I
want to be able to see the design view and code view of a single
page at the same time vertically not horizontally. Right now when I
hit the SPLIT the windows are on top of each other. Is there a way
to make them beside each other or apart or something?
I also tried running two instances of Dreamweaver but that
didn't work either. This really sucks because I want to be able to
see my full design while I edit the code/css.
Thanks
WebMan4 wrote:
> Is there any other way around this?
Not that I know of.
More people are using large monitors and dual monitor setups
these days,
so vertical split view is a feature that is likely to be
increasingly
requested. Why not submit a feature request to the
development team?
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/
Similar Messages
-
Is it possible to have the same Split Code/Design view in CS5 that I had in CS3?
I am not a hard coder. However, like HTML, I could easily edit PHP in CS3 Dreamweaver's Split Code/Design view. It was more designer friendly, intuitive, etc. I could see/edit/move tables, placed graphics, text, etc. CS5 doen't allow me to see my PHP pages this way. Can this be fixed to have the same Split Code/Design view? I would appreciate any assistance you can offer.
To restore the cs3 style horizontal split of code and design views, go to the 'view' drop down menu and untick 'split vertically'.
Richard -
Dreamweaver freezes on design view
I am having issues with dreamweaver freezing in design view. when i click on design view, it crashes, and i have to restart. i have tried multiple installs, as well as uncheck "display external files". what else could be the issue? is there a new update for it that may fix this?
I wish I had the answer to that question myself. I just purchased Dreamweaver 6 this morning. The program is freezing upon opening any document. If I wait long enough,, it un-freezes just long enough to start working on the file. Then in less than a minute it freezes yet again. I have not been able to find any help regarding this situation. I have tried every single suggestion that I could find,, but nothing seems to work.
-
CS5 Code & Design View Problems?
In earlier versins of Dreamweaver whenever I as in the deisgn view and I clicked around different pieces of text the cursor would jump to that text section in code view....Now it doesn't seem to work at all? Not sure why it is stuck in code view??
Not sure why it is stuck in code view??
Are you viewing a HTML or PHP file?
If not, you won't get Design View. -
Problem With Code/Design View Buttons
(My bad...perhaps a more clear title will help...)
OK, I am working with DW CS4 v.10.0 Build 4117 on a Win XP Pro SP3 platform.
When working with my site files, they open in Code view. The Split and Design buttons are grayed out. When I click on the Layout button, the checkmark is sometimes next to the Code option, but sometimes next to the Design option (even though the page is clearly displayed only in Code view!).
In order to view the file in Design view or Split view, I have to click the Layout button, Click on Code, click on the Layout button again, click on Design or Split View and then it will show the page file in that manner.
This is SO frustrating! Is this a bug in CS4? (I scanned through the other topics and can't seem to find anything about this.) I don't remember having this problem with CS3 and have spoken with other DW CS3 users who also say they have never had this happen.
What can I do?
Thanks in advance for any assistance you can provide.
SusanOK, all of my site page files are .php extensions.
Here is the code from one of my pages.
<?php require_once('Includes/RandomizerInside.inc'); ?>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Gerald R. Ford International Airport</title>
<link href="Includes/style.css" rel="stylesheet" type="text/css">
<?php require_once('Includes/MetaInformation.inc'); ?>
<?php require_once('Includes/JavaScriptInside.inc'); ?>
<?php require_once('Includes/CommonJs.inc'); ?>
</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#00306c">
<td colspan="2"><img src="NavImages/i-header1.jpg" width="760" height="96"></td>
</tr>
<tr>
<td width="185" valign="top" bgcolor="<?php echo"$bg_color"; ?>">
<?php require_once('Includes/InsidePageNav.inc'); ?>
</td>
<td rowspan="2" valign="top" bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
<!-- PAGE CONTENT GOES HERE -->
<!-- This is the only section you can make changes to -->
<p align="right" class="PageTitle">NEWSROOM<br><img src="NavImages/spacer.gif" width="555" height="1"></p>
<p class="BodyCopy"><a href="Pubs.php">Airport Publications</a> | <a href="PR.php">Press Releases</a></p>
<p class="BodyCopy">To stay current on the latest GFIA news, bookmark this page and revisit it often.</p>
<p class="BodyCopy">The GFIA Newsroom contains electronic copies
of <a href="Pubs.php#1"><i>Airport Connections</i></a>, the airport's quarterly newsletter, financial reports, and more.</p>
<p class="BodyCopy">Members of the press should
be sure to visit the <a href="Media.php">media information</a> page for contact phone numbers and other valuable resources.</p></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="<?php echo"$bg_color"; ?>" style="vertical-align:bottom"><img src="NavImages/i-navimage<?php echo"$random_number"; ?>.jpg" width="185" height="300"></td>
</tr>
<tr>
<td colspan="2">
<?php require_once('Includes/Footer.inc'); ?>
</td>
</tr>
</table>
</body>
</html>
Any and all assistance will be GREATLY appreciated!
Susan -
URL paths in Code/Design view
I just inherited a site that has a lot of images that are all hard coded (absolute URLs), and unfortunately, there are spaces in the path/ file names, such as /Main Folder/images/Picture File.jpg. When you plug the URLs into a browser or into DW code view, the spaces are filled in with %20 to represent spaces such as /Main%20Folder/images/Picture%20File.jpg
My goal is to have the images appear in the Design View, instead of the broken url gray image. It seems that only image url's without any spaces or without any %20 appear in Design View. Does anyone know how to make an image with %20 in the URL appear in Design View? Thanks!
(yes, I know that renaming the paths is the best solution, but this site is too big at this point, and I don't have any way to update thousands of files at a time)Believe me Thomas, I know exactly what you are going through. I used to work for a company that used an archaic ecommerce platform called Marketlive. It was a beast, but caused more problems than what it was worth. But the companies that have grown with them have become so big they are afraid of change themselves. Unfortunately, you just have to make with what you have. Personally I'd still try to push about the paths because a find and replace could still be done ont he database side, although a bit more complicated than DW's because you would have to write a query to replace the values, but still possible. Honestly, I would just do without the preview and just code as if DW is your text editor and then upload and test. I wish there was a better answer, but even when I was in the tough situation that's what I worked with. If they don't like how time consuming it can be that way, then you need to show management how you could save time and money.
-
How to center page in Split and Design view?
When I look at my template in Design or Split View, it is flush right on my screen with a top margin of 20 px or so. But when I check it in Live View, or when I preview it on Firefox/Safari/Chrome/Opera, it is centered and flush against the top of the screen.
I should add that the template was fine in Design and split, until I started mucking about the a spry menu. My page fell apart, I deleted the spry with plans ot start over. But then I discovered my template flush right (in Design and Split, anyway).
Can anyone please tell me how to correct this? I suppose it's more of a nuisance than a tragedy, as long as the page is centered when it goes online. But it is a nuisance to work on the right side of the screen.
Coding follows:
margin-top: 0px;
margin-left: 0px;
#wrapper {
background-image: url(../template%20images/mainBody.jpg);
background-repeat: repeat;
overflow: hidden;
width: 800px;
background-color: #CCC;
margin-right: auto;
margin-left: auto;
#wrapper #header {
height: 150px;
width: 800px;
background-color: #CCC;
background-image: url(../template%20images/header.jpg);
#wrapper #navBar {
height: 55px;
width: 800px;
background-color: #666;
background-image: url(../template%20images/navBar.jpg);
#wrapper #mainBody {
width: 80%;
margin: 0 auto;
padding-top: 20px;
font-family: Arial, Helvetica, sans-serif;
#wrapper #footer {
background-image: url(../template%20images/footer.jpg);
width: 800px;
height: 60px;
text-align: center;
font-size: 16pt;
clear: both;
<!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" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>2000_template</title>
<!-- TemplateEndEditable -->
<link href="../CSS/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
</div><!--close header-->
<div id="navBar">
</div><!--close navBar-->
<div id="mainBody"><!--begin mainBody--><!-- TemplateBeginEditable name="mainContent" -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dolor libero, aliquam vitae scelerisque in, malesuada non neque. </p>
<p>Phasellus dignissim arcu eget velit posuere vel varius magna dapibus. Phasellus pharetra imperdiet nunc, vel interdum dolor fermentum id. Integer luctus mollis tempor. Nunc lacus urna, blandit sollicitudin cursus at, ultrices et erat. Sed rhoncus, ipsum vitae dictum scelerisque, diam felis euismod augue, a facilisis massa augue ut nibh. </p>
<p>Sed ac ante magna. Nulla consequat posuere ullamcorper. In interdum, elit sed tempor suscipit, quam mauris egestas justo, sed lobortis sem magna a mi. Etiam tincidunt fringilla sapien, congue condimentum augue adipiscing ut. Nam pretium egestas lacus in elementum. Vivamus eros erat, varius nec aliquam quis, congue at orci.</p>
<p>Vivamus eget felis purus, in porta tellus. Nullam ac orci eu arcu luctus ornare. Aliquam quis ligula metus. Morbi congue cursus justo, et sagittis sem adipiscing blandit. </p>
<p>Quisque sed bibendum nisi. Curabitur ultrices imperdiet lacus in ullamcorper. Etiam pulvinar magna et neque congue eu aliquam metus semper. </p>
<!-- TemplateEndEditable --></div>
<!--close main body-->
<div id="footer"><!-- TemplateBeginEditable name="footerPage" -->
<p> ‹ ‹ Previous 1 :: 2 :: 3 :: 4 Continue › ›</p>
<!-- TemplateEndEditable --></div><!--close footer-->
</div><!--close wrapper-->
</body>
</html>Get rid of this.
margin-top: 0px;
margin-left: 0px;
The universal selector (asterisk) applies whatever styles you give it to EVERY PAGE ELEMENT regardless of where it is. So unless you know exactly what you're doing, don't use universal selectors.
To center your page
body {
width:900px /**some width in pixels, ems or %}
margin:0 auto;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
DW CS6 horizontal scrolling bug in code/design view & code view alone
I posted a video demonstrating the issue.
Dreamweaver CS6 12.02 Build 6006
http://www.youtube.com/watch?v=E7x5QZWNfk0
Will there be a fix in the works?Believe me Thomas, I know exactly what you are going through. I used to work for a company that used an archaic ecommerce platform called Marketlive. It was a beast, but caused more problems than what it was worth. But the companies that have grown with them have become so big they are afraid of change themselves. Unfortunately, you just have to make with what you have. Personally I'd still try to push about the paths because a find and replace could still be done ont he database side, although a bit more complicated than DW's because you would have to write a query to replace the values, but still possible. Honestly, I would just do without the preview and just code as if DW is your text editor and then upload and test. I wish there was a better answer, but even when I was in the tough situation that's what I worked with. If they don't like how time consuming it can be that way, then you need to show management how you could save time and money.
-
Dual screen | Split Code & Design
I would like to code on my left screen and see the design on the right, which I thought was most of us developers preferred method, but I am not sure if CS5 can do this.
To clarify: I handcode php files (templates) and I wish to see the live preview (design) on the right screen....
Anybody?I don't see it as a hack.
Everyone's got a preferred customised panel layout. This is just another one. -
Can't split code/design horizontally - stuck in vertical split
I thought horizontal tiling was the default for the split view, but it's putting the windows one on top of the other, and the View menu doesn't have an option for horizontal split. What am I doing wrong?
Go to View and un-check "Split Vertically" if it's checked.
-
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.
ThanksThis 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
> -
I just started having an extremely annoying issue in DW8-XP.
The code view is completely messed up. I can switch to code view,
but nothing is there. Just a ghost of the split view I was just in.
If I open a new file (like css file) in code view, I see a ghost of
the last view. Since css files don't have a split or design view,
I'm screwed. Cannot firgure out how to delete the config file. Do
you think this would help? Would it erase any settings I have
currently set?
I tried switching to a default layout, restarting and all. No
luck. Little help? :DRestart the system.
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
==================
"purefusion" <[email protected]> wrote in
message
news:eqntd2$chq$[email protected]..
>I just started having an extremely annoying issue in
DW8-XP. The code view
>is
> completely messed up. I can switch to code view, but
nothing is there.
> Just a
> ghost of the split view I was just in. If I open a new
file (like css
> file) in
> code view, I see a ghost of the last view. Since css
files don't have a
> split
> or design view, I'm screwed. Cannot firgure out how to
delete the config
> file.
> Do you think this would help? Would it erase any
settings I have currently
> set?
>
> I tried switching to a default layout, restarting and
all. No luck. Little
> help? :D
> -
Help! Split and Design modes in Dreamweaver CS5 is disabled.
The first time I launched Dreamweaver CS5 I didn't like the default code / design view my files appeared in. So I choose a preference setting where files appear in a single pane in code view. Unfortunately I don't remember where this setting is located. I'm not sure if this is the culprit but I somehow lost the ability to toggle Split, Design, Live Code, Live View, and Inspect on any web file (.html, .htm, .asp, etc.). Could someone help me figure out how to enable these modes?
I am having the same problem, except the solution suggested by John Waller isn't working for me.
I opened a .css file and was prompted by a suggestion above the code/design windows stating "Inspect mode is most useful with certain workspace settings." and I clicked the "Switch now" option to which I was trapped in a code only mode without the option to edit anything other than css!
Please help.
Best,
Nela -
DW CS3 Crashes When Switching from Design View to Code View
The page opens in code view, and when I try to switch to
either split or design view, the application freezes.read my reply
Date: Thu, 30 May 2013 20:27:49 -0700
From: [email protected]
To: [email protected]
Subject: dreamweaver cs6 crashes when switching from design to live view
Re: dreamweaver cs6 crashes when switching from design to live view
created by Preran in Dreamweaver - View the full discussion
Hi,
Can you try the solutions mentioned in this document?
http://helpx.adobe.com/dreamweaver/kb/crash-live-view-dreamweaver-cs5. html
Thanks,
Preran
Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5367198#5367198
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5367198#5367198
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5367198#5367198. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746. -
I have pages on my site that have decided they don't want to display content either in Contribute (in edit
mode) or in DreamWeaver (in design view). They always look fine in Live view, prior to hitting the 'edit' button or when viewing in a browser. Using CS4 on Windows XP. I use Contribute for small edits and this renders that tool useless as there is no WYSIWYG. It's a pain in Dreamweaver to have to keep previewing in browser when I'm used to working in code/design view. Any help most appreciated. Here's the page I'm currently having the problem with:
http://www.pacaero.com/products/interconnect-medical.htmThat's odd because here's what I see ...
Maybe you are looking for
-
My G Drive will not show up on my desktop for use. It did yesterday. It is not full and currently the light turns on and seems to be running but will not show up on my desktop. What can I do?
-
I LIKE the KDE shortcuts so I don't want to permanently disable them. I would like them to be disabled whenever I run games in fullscreen under wine. For instance: Ctrl-F2 switches to desktop 2 which is great... Accept when I'm playing Diablo II.
-
Why is Safari unresponsive since OSX Lion switch
The big idea for OS X lion is finger control - so in switching my iMac (24" 2.8 GHz Core Duo ) I also bought a wireless trackpad. However, SAFARI at times appears to freeze and fails to respond to finger moves. Connecting the mouse again and still I
-
JDE 9 Installation Issues...
Hello, I'm not really sure which forum to post this in so hopefully I chose the correct one. I'm following the "Applications Installation Guide (Oracle)" which starts by talking about installing the E1Local database, the Deployment Server, and now th
-
Novice EJB2 to EJB3 Conversion Question
I would like to convert my stateless remote session beans to EJB3 using annotations. Can this be done incrementally? My first attempt, after adding the appropriate annotations, was to comment-out the session element for one of my beans in the ejb-jar