Design view dreamweaver compatibility

Importing project from Proto to Dreamweaver 5.5 through adobe cloud, CSS files can only edit in Code view, Design view button is dissabled. Can Design view be activated?

Marcfbcn wrote:
Importing project from Proto to Dreamweaver 5.5 through adobe cloud, CSS files can only edit in Code view, Design view button is dissabled. Can Design view be activated?
When you are editing a CSS file then it can only be done in code view because the file contains the styles to your markup. To see the design, you need to be in HTML files.
Hope this helps.

Similar Messages

Why can't I drag images from Finder to Design View Dreamweaver CC?

Hey Guys,
I'm using OS X Mavericks (10.9) and Adobe DW CC
For some reason in both CC and CS6 I can no-longer drag files from Finder (Mac OS X's Explorer) into the design view ( for eg: adding images to a table cell ), the browse button doesn't work properly either... The "browse for file" button only works if there is an image already there and then it will update the image, otherwise if there's no image in the table cell it will bring up the browse dialogue box but does nothing if I select a file and press "open".
Is there a setting that was introduced in CS 6 that affects this behavior?

Hi All,
This bug has been fixed in the latest version of Dreamweaver CC 2014, which is now available for download.
Download it from https://creative.adobe.com/ or directly through the Creative Cloud desktop app.
We’re excited to hear back from you. Please share your feedback.

Code view not in synch with Design view (Dreamweaver CS3)

Hello All,
On my main work PC, I am running Dreamweaver CS3. When I am
working in split view (with both Design and Code view visible) when
I click on an element (say, a button) in Design view, the code view
automatically shows me the code for the element that I am working
on. That way, if I need to manually edit the code, I can click on
the Code view and make the appropriate changes.
On my laptop I am also running Dreamweaver CS3 However, when
I am working in split view and I click on a element in Design view,
my code view does NOT update itself and continues to show the last
bit of code I was working on in Code view. While this could come in
handy at times where i want design view and code view to show me
two different things, I mostly would like code view to update
automatically. Currently the only way I can get code view to update
on my laptop is to hit the "refresh design view (F5)" button. Is
there a way to do this automatically? Is this an option in
Dreamweaver preferences because I don't see it anywhere.
Thanks so much for your help.

Ethereal_Mike wrote:
> Does the new version of Dreamweaver CS3 print the code
in color?
No. If you feel that it's an important enhancement that you
would like
to see in future versions, submit a feature request:
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
The more people who request a specific feature, the more
likely it is to
be implemented.
David Powers, Adobe Community Expert
Author, "Foundation PHP for Dreamweaver 8" (friends of ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Design View/Browser Compatibility

Is there any setting that changes the view in Dreamweaver 5 Mac to make the design view show up as it would (or close to as it would in) in IE? It appears to be similar to Safari. Currently, I'm only concerned about the webpage being aesthetically pleasing to IE users. Also are there any easy ways to make a webpage compatible with all major browsers (IE, Safari, Firefox, Chrome, Opera)? Here is the link to the homepage of the site. It looks fine in IE, but is crappy in Safari, Firefox, and Chrome. Any help is much appreciated.
Thanks, LD

Is there any setting that changes the view in Dreamweaver 5 Mac to make the design view show up as it would (or close to as it would in) in IE?
No. Design view is only a rough approximation of the layout - to be accurate, you will need to preview in your desired browser.
It appears to be similar to Safari.
It's not similar to any browser because it's not a browser, but Live view is a WebKit rendering (although the version of WebKit is not the latest), so it's pretty close to Safari.
Also are there any easy ways to make a webpage compatible with all major browsers (IE, Safari, Firefox, Chrome, Opera)? Here is the link to the homepage of the site.
The two best things you can to to optimize this are:
Make sure your code validates (http://validator.w3.org)
Make sure you are using best-practice methods (with a table-based layout like yours, that would mean not overusing merge and split - see this article: http://www.apptools.com/rants/spans.php). I'm guessing that this alone would improve the rendering of your page cross-browser.

Significant difference within design view Dreamweaver CC

Hi all
I am making a site in Dreamweaver CC and if honest, I have just noticed something that has stopped me in my tracks that I am hoping is a common occurrence. The site in question is using Dreamweaver's media queries and I have not touched the boilerplate.
Design view pre CSS styling;
Live view seems to ignore this arrangement and puts everything on the page to 100%
The HTML for this section is;

<div class="light_grey_backround">
<div class="gridContainer clearfix">
    <div class="fluid mortgage_choices_title">
      <h1 class="dk_blue_text">Which type of new mortgage are you most interested in?</h1>
    </div>
    <div class="fluid mortgage_choices_subtitle">
      <h2 class="dk_grey_text">Simply pick the category that you fall into for more information on how we can help you with your mortgage. </h2>
    </div>
    <div class="fluid mortgage_choices_box zeroMargin_tablet zeroMargin_desktop">
    <figure class="fluid mortgage_choices_image">
        <img src="_images/newhomesmortgages_htb.jpg" alt="Help to Buy Mortgages"/>
        </figure>
    <div class="fluid mortgage_choices_title">
        <h3>HELP TO BUY MORTGAGES</h3>
        </div>
    <div class="fluid mortgage_choices_copy">
        We specialise in the Governament backed Help to Buy mortgage scheme and the fantastic mortgage schemes available with it. Enjoy the huge
        </div>
        <div class="fluid mortgage_choices_action">
        TELL ME MORE...
        </div>
    </div><div class="fluid mortgage_choices_box">
    <figure class="fluid mortgage_choices_image">
        <img src="_images/newhomesmortgages_mortgage_ftb.jpg" alt="First Time Buyer Mortgages"/>
        </figure>
    <div class="fluid mortgage_choices_title">
        <h3>HELP TO BUY MORTGAGES</h3>
        </div>
    <div class="fluid mortgage_choices_copy">
        We specialise in the Governament backed Help to Buy mortgage scheme and the fantastic mortgage schemes available with it. Enjoy the huge
        </div>
        <div class="fluid mortgage_choices_action">
        TELL ME MORE...
        </div>
    </div><div class="fluid mortgage_choices_box zeroMargin_tablet">
    <figure class="fluid mortgage_choices_image">
        <img src="_images/newhomesmortgages_mortgage_ntb.jpg" alt="Next Time Buyer Mortgages"/> </figure>
    <div class="fluid mortgage_choices_title">
        <h3>HELP TO BUY MORTGAGES </h3>
    </div>
    <div class="fluid mortgage_choices_copy">
        We specialise in the Governament backed Help to Buy mortgage scheme and the fantastic mortgage schemes available with it. Enjoy the huge
        </div>
        <div class="fluid mortgage_choices_action">
        TELL ME MORE...
        </div>
    </div>
    <div class="fluid mortgage_choices_box">
    <figure class="fluid mortgage_choices_image">
        <img src="_images/newhomesmortgages_mortgage_b2l.jpg" alt="Buy to Let Mortgages"/> </figure>
    <div class="fluid mortgage_choices_title">
        <h3>HELP TO BUY MORTGAGES</h3>
        </div>
    <div class="fluid mortgage_choices_copy">
        We specialise in the Governament backed Help to Buy mortgage scheme and the fantastic mortgage schemes available with it. Enjoy the huge
        </div>
        <div class="fluid mortgage_choices_action">
        TELL ME MORE...
        </div>
    </div>
</div>
</div>

The CSS
@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 4;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 12;
dw-gutter-percentage: 25;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;
/* Mobile Layout: 480px and below. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 85.5%;
padding-left: 2.25%;
padding-right: 2.25%;
clear: none;
float: none;
#div1 {
.title_index {
.subtitle_index {
.content_introduction {
.content_introduction_para_2 {
.mortgage_choices_title {
width: 100%;
margin-left: 0;
.mortgage_choices_subtitle {
.mortgage_choices_box {
background-color: #FFFFFF;
margin-bottom: 40px;
border-radius: 7px;
overflow-x: hidden;
overflow-y: hidden;
-webkit-box-shadow: 1px 1px 1px 1px #797979;
box-shadow: 1px 1px 1px 1px #797979;
width: 100%;
clear: both;
margin-left: 0;
.mortgage_choices_image {
width: 100%;
margin-left: 0;
.mortgage_choices_copy {
width: 100%;
margin-left: 0;
.mortgage_choices_action {
width: 100%;
margin-left: 0;
.rate_slider {
.rate_slider_header_title {
.rate_slider_subtitle {
.ratetitle {
font-family: 'Source Sans Pro', sans-serif;
font-size: 30px;
color: #0F232A;
margin-top: 35px;
font-weight: 300;
width: 90%;
margin-left: 5%;
line-height: 35px;
margin-bottom: 10px;
text-align: center;
.rate {
font-family: 'Source Sans Pro', sans-serif;
font-size: 30px;
color: #3FB0B9;
font-weight: 600;
width: 90%;
margin-bottom: -10px;
text-align: center;
margin-left: 5%;
.dealterm {
font-family: 'Source Sans Pro', sans-serif;
font-size: 22px;
color: #666666;
margin-bottom: 10px;
width: 90%;
margin-left: 5%;
line-height: 23px;
text-align: center;
.ltv {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
color: #666666;
margin-bottom: 10px;
width: 90%;
margin-left: 5%;
text-align: center;
.costs {
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
color: #ccc;
font-weight: 300;
width: 49.1525%;
width: 90%;
margin-left: 5%;
margin-bottom: 10px;
text-align: center;
.erc {
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
color: #ccc;
font-weight: 300;
width: 66.1016%;
width: 90%;
margin-left: 5%;
line-height: 20px;
margin-bottom: 10px;
text-align: center;
.revert {
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
color: #ccc;
font-weight: 300;
width: 90%;
margin-left: 5%;
line-height: 20px;
text-align: center;
margin-bottom: 30px;
.protection_choices_title {
color: #3FB0B9;
width: 100%;
margin-left: 0;
.protection_choices_subtitle {
.protection_choices_box {
background-color:#0F232A;
margin-bottom: 40px;
width: 100%;
clear: both;
margin-left: 0;
.protection_choices_image {
width: 100%;
margin-left: 0;
.protection_choices_copy {
color: #FFFFFF;
overflow-y: hidden;
overflow-x: hidden;
border-radius: 7px;
-webkit-box-shadow: 1px 1px 1px 1px #666666;
box-shadow: 1px 1px 1px 1px #666666;
width: 100%;
margin-left: 0;
.protection_choices_action {
color: #3FB0B9;
width: 100%;
margin-left: 0;
.protection_question {
.protection_subquestion {
margin-bottom:40px;
.contact_us_number {
.contact_us_email {
.contact_us_form {
.whole_of_market_title {
.whole_of_market_subtitle {
.whole_of_market_lenders {
.downloads_library_title {
.downloads_library_subtitle {
.download_cover {
.zeroMargin_mobile {
margin-left: 0;
.download_cover_container {
.download_cover_graphic {
width: 100%;
clear: both;
margin-left: 0;
.zeroMargin_mobile {
margin-left: 0;
.hide_mobile {
display: none;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 87.75%;
padding-left: 1.125%;
padding-right: 1.125%;
clear: none;
float: none;
margin-left: auto;
#div1 {
.title_index {
.subtitle_index {
.content_introduction {
.content_introduction_para_2 {
.mortgage_choices_title {
width: 100%;
margin-left: 0;
.mortgage_choices_subtitle {
.mortgage_choices_box {
width: 48.7179%;
margin-left: 2.5641%;
clear: none;
.mortgage_choices_image {
width: 48.7179%;
margin-left: 0;
.mortgage_choices_copy {
width: 100%;
margin-left: 0;
.mortgage_choices_action {
width: 100%;
margin-left: 0;
.rate_slider {
.rate_slider_header_title {
.rate_slider_subtitle {
.ratetitle {
.rate {
.dealterm {
.ltv {
.costs {
.erc {
.revert {
.protection_choices_title {
width: 100%;
margin-left: 0;
.protection_choices_subtitle {
.protection_choices_box {
width: 48.7179%;
margin-left: 2.5641%;
clear: none;
.protection_choices_image {
width: 100%;
margin-left: 0;
.protection_choices_copy {
width: 100%;
margin-left: 0;
.protection_choices_action {
width: 100%;
margin-left: 0;
.protection_question {
.protection_subquestion {
.contact_us_number {
.contact_us_email {
.contact_us_form {
display: block;
.whole_of_market_title {
.whole_of_market_subtitle {
.whole_of_market_lenders {
.downloads_library_title {
display: block;
.downloads_library_subtitle {
display: block;
.download_cover_container {
.download_cover_graphic {
width: 100%;
clear: both;
margin-left: 0;
.hide_tablet {
display: none;
.zeroMargin_tablet {
margin-left: 0;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 78.6666%;
max-width: 1232px;
padding-left: 0.6666%;
padding-right: 0.6666%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
#div1 {
.title_index {
.subtitle_index {
.content_introduction {
.content_introduction_para_2 {
.mortgage_choices_title {
width: 100%;
margin-left: 0;
.mortgage_choices_subtitle {
.mortgage_choices_box {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
.mortgage_choices_image {
width: 100%;
margin-left: 0;
.mortgage_choices_copy {
width: 100%;
margin-left: 0;
.mortgage_choices_action {
width: 100%;
margin-left: 0;
.rate_slider {
.rate_slider_header_title {
.rate_slider_subtitle {
.ratetitle {
.rate {
.dealterm {
.ltv {
.costs {
.erc {
.revert {
.protection_choices_title {
width: 100%;
margin-left: 0;
.protection_choices_subtitle {
.protection_choices_box {
width: 23.7288%;
clear: none;
margin-left: 1.6949%;
.protection_choices_image {
width: 100%;
margin-left: 0;
.protection_choices_copy {
width: 100%;
margin-left: 0;
.protection_choices_action {
width: 100%;
margin-left: 0;
.protection_question {
.protection_subquestion {
.contact_us_number {
.contact_us_email {
.contact_us_form {
display: block;
.whole_of_market_title {
.whole_of_market_subtitle {
.whole_of_market_lenders {
.downloads_library_title {
display: block;
.downloads_library_subtitle {
display: block;
.download_cover_container {
.download_cover_graphic {
width: 15.2542%;
margin-left: 1.6949%;
clear: none;
.zeroMargin_desktop {
margin-left: 0;
.hide_desktop {
display: none;
Any help is appreciated as I am happy with what I have in design view, but it's live view that I am publishing...
Thanks in advance

Thank you for looking, I have resolved this issue. I was to do with the image %'s. When I changed this, it all fell into place.

Dreamweaver CC crashes when switching from code view to design view

I am experiencing a recent problem with a file I am currently working. When I switch from code view to design view Dreamweaver crashes and requests a shut down. Other files seem to work without a problem. This particular files has 3 cascading EdgeAnimation CC files that are selected by media queries. I can test the page online without a problem but not in design or live view.

Since your new page didn't crash, this leads me to believe that you have some critical errors and/or conflicts in your other page(s).
Try running your code through the W3C validation tools.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Also debug JavaScript.
JavaScript - http://www.jslint.com/
Nancy O.

Link to CSS problem (in Design View)

Hello Dreamweaver experts,
In the Design View Dreamweaver CS3 is not picking up the
styles specified in a linked stylesheet. Let me explain...
I am using an application in our office that relies upon HTML
(but does not use a standard web browser).
I need to refer to linked stylesheets using a variable like
so;
[example #1]
<link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet" type="text/css" />
The use of the variable construction "{FILES_DIR}" eliminates
the need to hard code a drive letter into the link which is
preferrable. Without "{FILES_DIR}" I have to hard-code the drive
letter like so;
[example #2]
<link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
rel="stylesheet" type="text/css" -->
Both examples above yield the same result in the application
(the stylesheet is found and its styles properly applied).
However, only with example #2 does Dreamweaver's "design
view" pick up and apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its styles using example #1.
My question is how can I make Dreamweaver understand and
apply what "{FILES_DIR}" means.
Any tips, tricks or pointers would be most welcome...

"horse.badorties" <[email protected]> wrote
in message
news:fh9o12$80d$[email protected]..
> Hello Dreamweaver experts,
>
> In the Design View Dreamweaver CS3 is not picking up the
styles specified
> in a
> linked stylesheet. Let me explain...
>
> I am using an application in our office that relies upon
HTML (but does
> not
> use a standard web browser).
>
> I need to refer to linked stylesheets using a variable
like so;
>
>
[example #1]
> <link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet"
> type="text/css" />
>
> The use of the variable construction "{FILES_DIR}"
eliminates the need to
> hard
> code a drive letter into the link which is preferrable.
Without
> "{FILES_DIR}"
> I have to hard-code the drive letter like so;
>
>
[example #2]
> <link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
> rel="stylesheet" type="text/css" -->
>
> Both examples above yield the same result in the
application (the
> stylesheet
> is found and its styles properly applied).
>
> However, only with example #2 does Dreamweaver's "design
view" pick up and
> apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its
> styles using example #1.
Did you look into "design-time" styles sheets? That may solve
your problem.
It won't take care of the path in the document though...
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.

Design View is black

After adding my site to CS4, the Design View of all pages is
black. Code View works. Live View works. It's only Design View
that's giving me trouble. Without Design View, Dreamweaver is
useless to people like me who aren't proficient in code. I've tried
working through this with the customer support folks and the person
who designed my webiste. No one can figure it out. Help!
Note that I can go back to an old version of the page located
elsewhere on my computer, open it, and it shows up fine.

>
http://www.shccnet.org/contracts/appraisers.asp
Are you using includes, or is it just bad syntax?
There are TWO sets of <body> tags.
Sort it out and it should display.
Delete this, lines 11 to 19
<head>
<title>Appraisers | SHCC</title>
<meta name="generator"
content="BBEdit 8.5" />
<link rel="stylesheet" type="text/css"
href="../css/shcc-default.css" media="all" />
<!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>
<title>Untitled
Page</title>
</head>
<body>
</body>
</html>
If it doesn't display then, next thing to look at would be
the css file.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Design view issue - CSS and html

Hi
I was wondering if anyone can help me with this. Someone has
created a page for me using html and CSS as requested. The problem
is that whenever I try to open the index.html file in design view
or code and design view, Dreamweaver crashes and I have to restart.
I am attaching the html and CSS below. Just as an aside, I have
asked them to create the code using CSS rather than tables and have
ended up with div hell.
Cheers
Julie
@charset "utf-8";
* {padding:0; margin:0;}
body {padding:10px 0 10px 0; background-color:#fff; margin:0
auto; width: 976px; font-family:Arial, Helvetica, sans-serif;
font-size:11px; color:#333;}
#wrap {margin:0 auto; padding:0; position:relative; width:
976px;}
a:link { color:#999; text-decoration: underline; }
a:visited { color:#999; text-decoration: underline; }
a:hover{ color:#666; text-decoration: none; }
img { border:none; padding:0; margin:0;}
h1 {font-size: 36px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 11px;}
input { position:relative; font-weight: normal;cursor:
pointer;vertical-align: middle;padding: 0 3px;font-size:
13px;font-family: Verdana, Helvetica, Arial, sans-serif;
border:#a09f6f 1px solid;}
select {font-family: Verdana, Helvetica, Arial,
sans-serif;font-weight: normal;cursor: pointer;vertical-align:
middle;border: 1px solid #999;padding: 1px;background-color:
#FAFAFA;}
option {padding-right: 2px;}
textarea {font-family: "Lucida Grande", Verdana, Helvetica,
Arial, sans-serif; width: 60%;padding: 2px;font-size:
1em;line-height: 1.4em; border:#a09f6f 1px solid; width:390px;
height:170px;}
/* Header Part Start */
#header {margin:0; padding:0; position:relative;
background:url(../images/index_01.jpg); width:976px; height:97px; }
#header .headprt {margin:0; padding:0; position:relative }
#header .headprt .headprtr { float:right; width: 500px;
margin:0; padding:0; position:relative }
#header .headprt .headprtr .padhr { color:#fff; margin:0;
padding:16px 44px 0 0; position:relative; text-align:right;}
#header .headprt .headprtl {margin:0 500px 0 0; padding:0;
position:relative;}
#header .headprt .headprtl .padhl{ color:#fff; margin:0;
padding:40px 0 0 44px; position:relative }
.hhllb { font-size:16px;}
.hhlld { font-size:16px; font-weight:bold}
.hhllc { font-size: 20px; font-weight:bold}
.hhlls { font-size:14px}
.kulay { color:#e55b68}
/* Header Part End */
/* Main Part Start */
#maincontent {margin:0; padding:0; clear:both;
position:relative; display:block; background-color:#fff }
#maincontent .boxmainbgl {margin:0; padding:0;
position:relative; background: url(../images/index_10.jpg) repeat-y
top left; }
#maincontent .boxmainbgl .boxmainbgr {margin:0; padding:0;
position:relative; background: url(../images/index_11.jpg) repeat-y
top right; }
#maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
{margin:0; padding:0; position:relative;
background:url(../images/index_02.jpg) no-repeat top left; }
#maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
.boxmainbgtopr {margin:0; padding:0; position:relative;
background:url(../images/index_05.jpg) no-repeat top right; }
#maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
.boxmainbgtopr .boxmainbgbotl {margin:0; padding:0;
position:relative; background:url(../images/index_15.jpg) no-repeat
bottom left; }
#maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
.boxmainbgtopr .boxmainbgbotl .boxmainbgbotr {margin:0; padding:0;
position:relative; background:url(../images/index_16.jpg) no-repeat
bottom right; }
#maincontent .boxmainbgl .boxmainbgr .boxmainbgtopl
.boxmainbgtopr .boxmainbgbotl .boxmainbgbotr .boxpadzki {margin:0;
padding:8px 48px 0 49px; position:relative; height: 1340px;}
.mainconup {margin:0; padding:0; position:relative;
clear:both; display:block; overflow:hidden; height:485px }
.mainconup .mmtoprt { float: right; width:615px; margin:0;
padding:0; position:relative }
.mainconup .mmtoprt .mmrtM {margin:0; padding:0;
position:relative; background:url(../images/picpic.jpg) no-repeat
top left; height:479px; }
.mainconup .mmtoprt .mmrtM .mmrtA {margin:0; padding:200px 0
0 10px; position:relative; width:600px; }
.mainconup .mmtoprt .mmrtM .mmrtA .mmppr { float:right;
width: 195px; margin:0 0 0 -3px; padding:0; position:relative }
.mainconup .mmtoprt .mmrtM .mmrtA .mmppc {margin:0 195px 0 0;
padding:0; position:relative;}
.mainconup .mmtoprt .mmrtM .mmrtA .mmppc .mmppx {float:right;
width: 205px; margin:0; padding:0; position:relative}
.mainconup .mmtoprt .mmrtM .mmrtA .mmppc .mmppl {margin:0
205px 0 0; padding:0; position:relative; height:100px}
.bkspdC { font-size: 22px; font-weight:bold; color:#fff;
margin:0; padding:30px 0 0 0; position:relative; line-height:20px}
.bkspdB { font-size: 22px; font-weight:bold; color:#fff;
margin:0; padding:20px 0 0 0; position:relative; line-height:20px}
.bkspdA { font-size: 22px; font-weight:bold; color:#fff;
margin:0; padding:30px 0 0 10px; position:relative;
line-height:20px}
.mainconup .mmtoplt {margin:0 615px 0 0; padding:0;
position:relative }
.mainconup .mmtoplt .logo {margin:0; padding:2px 0 0 3px;
position:relative }
.mainconup .mmtoplt .linek {margin:10px 20px 7px 3px;
font-size:2px; padding:0; position:relative; border-top: #e7e7e7
2px solid }
.mainconup .mmtoplt .pargs {margin:0; padding:10px 20px 0
3px; position:relative; line-height:13px }
.hhllw { font-size: 22px; font-weight:bold; color:#23a9e8}
.maincentr { clear:both; margin:0; padding:0;
position:relative; background-color:#2774c2; display:block; }
.maincentr .mckbb {margin:0; padding:10px 10px 20px 20px;
position:relative; color:#fff; }
.maincentr .mckbb .mckrt {margin:0; padding:0;
position:relative; float:right; width:290px }
.maincentr .mckbb .mcklt {margin:0 290px 0 0; padding:0;
position:relative }
.maincentr .mckbb .mcklt .mcklrr {margin:0; padding:0;
position:relative; float:right; width:290px; height:170px;
background:url(../images/bgline.jpg) no-repeat right 10px; }
.maincentr .mckbb .mcklt .mcklcc {margin:0 290px 0 0;
padding:0; position:relative; height:170px;
background:url(../images/bgline.jpg) no-repeat right 10px; }
.maincentr .cbgc {margin:0; padding:0; position:relative;
background:url(../images/bgline2.gif) repeat-x top left;
height:2px; font-size:2px}
.customks {margin:0; padding:0; position:relative;
font-size:20px; font-weight:bold }
.quotep {margin:0; padding:20px 20px 0 0; position:relative }
.quotep .quotea {margin:0; padding:0; position:relative;
background:url(../images/qouteleft.jpg) no-repeat top left; }
.quotep .quotea .quoteb {margin:0; padding:0;
position:relative; background:url(../images/qouteright.jpg)
no-repeat bottom right }
.quotep .quotea .quoteb .quotez {margin:0; padding:28px 0 0
0; position:relative; font-size:12px; line-height:13px; }
.xquotep {margin:0; padding:20px 20px 0 20px;
position:relative }
.xquotep .xquotea {margin:0; padding:0; position:relative;
background:url(../images/qouteleft.jpg) no-repeat top left; }
.xquotep .xquotea .xquoteb {margin:0; padding:0;
position:relative; background:url(../images/qouteright.jpg)
no-repeat bottom right }
.xquotep .xquotea .xquoteb .xquotez {margin:0; padding:28px 0
0 0; position:relative; font-size:12px; line-height:13px; }
.mainbut {margin:6px 0 0 0; padding:0;
position:relative;clear:both; display:block }
.mainbut .mainbbj {margin:0; padding:0; position:relative }
.mainbut .mainbbj .mainbbrt {margin:0; padding:0;
position:relative; float: right; width: 167px }
.mainbut .mainbbj .mainbbrt .sshots {margin:0; padding:0 0
2px 0; position:relative; width: 167px }
.mainbut .mainbbj .mainbbrt .sshots .higfx {margin:0;
padding:0; position:relative; width: 167px; height:122px;
overflow:hidden }
.mainbut .mainbbj .mainbblt {margin:0 167px 0 0; padding:0;
position:relative }
.mainbut .mainbbj .mainbblt .mainbbrr {margin:0; padding:0;
position:relative; float: right; width: 425px }
.mainbut .mainbbj .mainbblt .mainbbrr .mainbbpads {margin:0;
padding:10px 26px 0 26px; position:relative; font-size:12px;
line-height:14px }
.mainbut .mainbbj .mainbblt .mainbbcc {margin:0 425px 0 0;
padding:0; position:relative; background:#3a3a3a; color:#fff }
.mainbut .mainbbj .mainbblt .mainbbcc .mainccpads {margin:0;
padding:20px 25px 25px 18px; position:relative; font-size:12px;
line-height:15px }
.hhllt { font-size: 20px; font-weight:bold; color:#23a9e8}
.hhllk { font-size: 18px; color:#23a9e8}
/* Main Part End */
/* Footer Part Start */
#footer {margin:0; padding:0; clear:both; position:relative;
display:block }
#footer .footboxbg {margin:0; padding:0; position:relative;
background: url(../images/index_18.jpg) repeat-x top left; }
#footer .footboxbg .footboxlt {margin:0; padding:0;
position:relative; background: url(../images/index_17.jpg)
no-repeat top left; }
#footer .footboxbg .footboxlt .footboxrt {margin:0;
padding:0; position:relative; background:
url(../images/index_20.jpg) no-repeat top right; height:36px }
/* Footer Part End */

Web Dynpro doesn't allow for the inclusion of custom HTML and CSS. It is far building business application in a client rendering abstracted framework.
If you need some common header, then you should consider the usage of the NetWeaver Portal.

Dreamweaver crashes when i drag my div tags in design view

Hi
Ive just encountered a problem with dreamweaver cs4 at work.
I was creating a website using CSS and creating multiple div tags to house my images around the page. I normally position them using the CSS style sheet, but on this occasion, I grabbed the div tag whilst in design view and dragged it manually, and dreamweaver crashed! See image below It does so everytime I try the same thing again. Ive even restarted my PC. Anyone know why?

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Output shown in Design view of Dreamweaver CS6 is not same as shown by the browsers

I have made a yoga website http://ballychohan.co/ in Dreamweaver CS6. I faced this problem while designing the website.The results shown by Design view in Dreamweaver is not correct. It made me very confused at the starting. Please tell me how to overcome this problem of DreamWeaver. Should I install a lower version of Dreamweaver ?

Bally Chohan wrote:
I have made a yoga website http://ballychohan.co/ in Dreamweaver CS6. I faced this problem while designing the website.The results shown by Design view in Dreamweaver is not correct. It made me very confused at the starting. Please tell me how to overcome this problem of DreamWeaver. Should I install a lower version of Dreamweaver ?
Does the page show correctly in a browser?
Dreamweaver design view is not very reliable at renedering designs exactly the way you want them to look, especailly if you use more of the complex and up-to-date css, now available. Dreamweaver is always playing catch-up in that area.

After reopening dreamweaver files, the table and its contents are not shown in design view

I got a problem with deisgn view which has stucked me for the whole week. I've designed a webpage with dreamweaver CS4. After reopening this webpage, I got problem to see the tables and images inserted in dreamweaver (the sliced images from fireworks works well). Somehow this problem only existed in design view, but NOT is browswer view/ live view. I thought it is the setting problem, but I tried to reopen the webpage I designed earlier... got no problem in either design or live view. I also tried starting over another new file, same problem existed (tables/images do not show in design view) I am really confused. Any thoughts?
I've already done my research everywhere, but cannot find solution.

Thank you so much... it works...
I should come here earlier... wasted lots of time !!

Dreamweaver 8 Design View render issue

I was wondering if anyone else has noticed a highly
irritating issue with DW8 that is apparently not an issue in the
Design View of DW MX 2004.
In DW 8 for some reason I'm getting an extra 150 pixels of
white space to the right of my #content container. It only appears
to happen when the content within the #content container does NOT
exceed the length of the content in my menu container (#priNav2).
In other words, if the content is longer then the menu, it renders
fine.
See here:
Dreamweaver
8
But, in DW mx2004 the exact same file shows up how it should.
Dreamweaver
MX 2004
Does anyone have any suggestions on how to resolve this issue
or have a clue as to why this is happening? It's really one of the
only bugs left preventing me from upgrading to DW 8 anymore.
Thanks,
- Paul

After some tinkering around and a call to Tech. Support I
eventually resolved this issue by pointing out a bug to Adobe.
Apparently the problem is the View / Visual Aids / Invisible
Elements option. If this is turned on, and you have a website set
up similiarly to
this one, you will
experience this sporatic, extranenous white space that shifts your
content around. It is not an issue in DW MX 2004, only DW 8.
The solution is to just simply turn OFF the "Invisible
Elements" option. Then the page will render the way it should.
A bug report has been submitted.

Dreamweaver CC automatically deletes code in code view and elements in design view

When I open a file in Dreamweaver, it automatically shows a * next to the filename - showing it has been edited.
Then often when I select some code in code view, or an element in design view (such as a table, an image, some text) it is suddenly deleted.
The problem is especially bad (happens without fail) if I am switching between programs. But also happens when I'm not switching.
I do not have this problem on a different user account.
I have reinstalled Dreamweaver three times now. Also renamed preference and configuration folders. Tried with a wired mouse and keyboard. Nothing has worked.
I can't think what I did to cause this. I installed MAMP recently - but have uninstalled it correctly I think.
I had an issue with one file in which there were about 30 Spry collapsible panels. I kept getting this warning:
"A script in file Macintosh HD:Applications:Adobe Dreamweaver CC:Configuration:Shared:Spry:DesignTime:EditingUtils.js has been running for a long time. Do you want to continue?"
I have to click 'yes' many times to get into the file, and the warning keeps coming up while the file is open.
However, my big issue of DW CC deleting code and elements happens whether or not this particular file is open.
So this may have nothing to do with it.
Any ideas anyone?
Adobe's customer service has not helped. In fact, I have not even been able to get through to anyone on the phone - having waited literally hours listening to music, and getting shunted from person to person. And then their promised 'call backs' never happen.
Thanks,
- Greg

I do not have this problem on a different user account.
You've got a bad/corrupted user account. Create a new one with Admin level priveleges and delete your old user.
Nancy O.

How to hide content in design view within Dreamweaver?

How can I hide content in design view within Dreamweaver?
I have a tabbed content menu that uses some javascript. Everything looks great in Live view, but when I go to design view, all the content goes way beyond the div. How can I make it to where I can hide the content in that div in design view or wrap it completely inside of there? It's really hard to explain which is why I provided some pictures!
LIVE VIEW
DESIGN VIEW
Thank you in advance for all the help!
Dalton

Humm....... you want to hide it in Design View whilst working on the rest of the site?
If that is the case set the menu container <div> to display: none; -
<div id="menu" style="display: none;">This is the content menu</div>
Then either set it to display: block; when you're ready to view it live or remove the style completely.

Design view dreamweaver compatibility

Similar Messages

Maybe you are looking for