Why is my design view in Muse suddenly red?

I cannot get rid of the red overlay in design view. Why is it there? What does it mean?

Please check the screenshot: https://grabb.worldsecuresystems.com/Grid_Overlay.png
The overlay shows the column layout as defined using the Columns setting in the Site Properties. This is simply to help in laying out the site content using grid systems like 960. You can read more about grid systems at http://960.gs/
Cheers,
Vikas

Similar Messages

How do I Hide open accordion panels, tooltips, etc. in Design view in Muse

I am adding tooltips and accordion panels in Muse. The problem is that, when I am editting the site in Design view, I cannot get the tooltips and panels to close... and so any other objects, text, etc is hidden by the open tooltip / accordion panel... I worked around this somewhat by creating another element in the accordion panel that contains no text, and so shrinks the whole accordion when that element is active, but this is cumberson, and I can find no comparable work-around for tooltips...

AppleScripts can be saved as run-only, which will keep a casual user from seeing the code, but there isn't a way to keep plain text from being seen. You should never place sensitive information in plain text in your script/application, or even use them with global variables, since those are also saved with the script.
The security shell utility can be used to get a password from the system keychain, for example:
getKeychainPass("Apple") -- example
on getKeychainPass(itemName)
return text 2 thru -2 of (do shell script "security 2>&1 >/dev/null find-generic-password -gl " & quoted form of itemName & " | awk '{print $2}'")
end getKeychainPass

Why is the Design View appearing distorted?

I have been designing an event page template in HTML and CSS to be used by my co-worker who handles all of our events and doesn't know how to write in HTML.
When I enter the HTML into the Event Content (HTML) entry box, everything works fine. The page looks like it should when I preview it, but when I change to Design View the page becomes distorted and skewed. This makes it nearly impossible to make any changes that aren't made in HTML View because the cursor jumps all over the page when I attempt to enter information in Design View. If it were just me this would not be a problem because I could change the event info on the HTML side, but because my co-worker has never used HTML I would like to get the Design View to show the page properly.
Is there anyway to correct the appearance of the Design View, so it displays the page correctly? Thanks for your help!!!

Please check the screenshot: https://grabb.worldsecuresystems.com/Grid_Overlay.png
The overlay shows the column layout as defined using the Columns setting in the Site Properties. This is simply to help in laying out the site content using grid systems like 960. You can read more about grid systems at http://960.gs/
Cheers,
Vikas

Why is Dreamweaver's design view so messed up?

Hi
I am sure this has been asked and answered loads of times but here goes again.
Dreamweaver gets a lot of bad press because of it's design view but why does Dreamweavers Design view render web pages so badly? Even pages that validate and are well structured often render very poorly. Why is this?
It's not as if DW doesn't have a decent rendering engine built in - live view works perfectly well. And Contribute seems to be able to present an editable page rendered correctly.
The design view obviously has some sort of rendering engine to do it's job but is it a bespoke, poorly written one that it's not up to the job? Why keep it if doesn't work? Is there just no will to fix it?

I don't like vendor prefexes. Perhaps I'm old-fashioned, but I like less code.
An example:
body {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 100%;
          color: #000000;
          background-color: #fff;
          margin: 0;
          padding: 0;
          background: #402a67; /* Old browsers */
          background: -moz-linear-gradient(top, #402a67 0%, #ffffff 70%) fixed no-repeat; /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#402a67), color-stop(70%,#ffffff)) fixed; /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* Opera11.10+ */
          background: -ms-linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* IE10+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#402a67', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
          background: linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* W3C */
Now, if everyone would agree on a standard, the graduated background would be described thusly:
body {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 100%;
          color: #000000;
          background-color: #fff;
          margin: 0;
          padding: 0;
background: #402a67; /* Old browsers if needed at all */
background: linear-gradient(top, #402a67 0%,#ffffff 70%) fixed; /* W3C */
That's 8 lines of code instead of 13.
One might ask how much longer it takes a browser to load that much extra code that is specific to other browsers and not the one one is actually using.
Dreamweaver does display the background correctly here, but only in Live View. And, with some of the colors, I find it nearly impossible to see some of the type.

Design view vs. browser view

Why does the design view (horizontal) change to a square when i look at the site in the browser preview and/or test mode?
I am using the default setting and have tried it numerous ways -- w/ gray browser fill, with an image as browser fill, etc.
I have looked at it on 4 different monitors. Any suggestions would be welcome!!

This is in accordance with the page height. In Muse, the page height is content dictated, so, you can set a minimum height for the page. The page will be atleast that height, but if there is a lot of content in the page, the page height will keep increasing so as to fit the contents. That said, in the design view, it shows you the page height and a view of the browser area too, but in the preview in browser mode, you can see the whole browser area. Now, if the minimum height of the page is defined as 500 px, and the amount of content fits well in it, then the rest of the space below that page dimension will be the browser area (with sticky footer disabled), but the design view doesn't show that whole thing. It shows the page area zoomed in, so that it's easy and comfortable to work on the page area (since that's where most of the work is done).
Here's what I see on my end for a test site (with Sticky Footer disabled):
Design Mode: http://take.ms/1t19r
Preview In Browser: http://take.ms/0Sxw1
As you can see, it's pretty much the same behavior that can be seen on your end.
Cheers
Parikshit

Is there anyway to lock CSS rules? What's happening in design view?

Hi,
I have no idea what I've done, but I've accidentally deleted some CSS rules. Now my design view shows almost a random pattern, yet most things seem to still be working when I view it in a browser.
So,
Is there a way to lock CSS rules so that you don't accidentally loose them? Is there a way to toggle them on and off? Why does my design view suddenly look all whacked out?
The jpg shows my design view and here is the link to the page.
http://test.taffyproductions.com/reservations.htm

You have an id set on one of the divs, but there is no rule for that ID selector:
<div id="sidebar2-1"><img src="_images/sidebar2.jpg" alt="sidebar2" width="180" height="479" /></div>
Change the id to sidebar2 and see what happens. The page should fall back into place correctly.
There is no way to 'lock' in styles, you just need to be careful on editing the style rules as you go
You could always keep a backup copy of a stylesheet that works correctly and if you then want to play around with the rules, do so, but knowing that you have a backup copy if you need it.
I'd also take a look at the naming convention you use for file names. I'd not start a file name or folder with and underscore... some browsers may choke. always better off starting a name with a letter, no characters, or numerals etc.,to be on the safe side.
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Dreamweaver CS3 Design View messed up

I'm not quite sure why, but the design view is all messed up
when I am
editing my webpage.
Here is what it looks like.
http://img257.imageshack.us/img257/4749/sammesseduphl2.jpg
but as you can see by going here
http://sdsusammys.com/rush.php
that
the page works perfectly.
I was reading some of the other peoples posts and I noticed
people who
Include php files usually have this same problem.
The beginning of the code for my rush.php page is as follows
<?php
include("includes/header.html");
?>
<?php
include("includes/navbar.php");
?>
Would that have anything to do with it?
Thanks

Sammy,
As for "viewing" your web page inside Dreamweaver, it is not
a good idea. Dreamweaver is a basically a HTML editing application.
Ideally speaking, best if you view your web page with any web
brower. Also check with your web page with many browsers, where you
will notice some beheavior or such difference in those two or many
browsers. It depends on how you code your HTML code per se.
Hope that helps.
Cheers, Brian
quote:
Originally posted by:
Sammy.BE
I'm not quite sure why, but the design view is all messed up
when I am
editing my webpage.
Here is what it looks like.
http://img257.imageshack.us/img257/4749/sammesseduphl2.jpg
but as you can see by going here
http://sdsusammys.com/rush.php
that
the page works perfectly.
I was reading some of the other peoples posts and I noticed
people who
Include php files usually have this same problem.
The beginning of the code for my rush.php page is as follows
<?php
include("includes/header.html");
?>
<?php
include("includes/navbar.php");
?>
Would that have anything to do with it?
Thanks

Dreamweaver CC 2014.1 design view gone - what next?!

First Adobe deprecates server behaviors, now they are removing design view?! I am stunned. Design View is the SOLE reason I use Dreamweaver! (It's more of a quick code navigator in split view.) Live view has NEVER worked in a practical and usable way, and still seems very quirky at best in this 2014.1 release.
Adobe, Please don't remove useful tools like this! What's next; dropping extension support? Some of us have to make a living using these tools.
Please help me understand, Adobe. Why not keep design view as an option?
...on to opening CS6 once again so I can continue actually working on projects...

Design View is still available for normal layouts. See screenshot.
If you're not seeing it in the selection list, you're working with Fluid Grid layouts. But don't panic. You have a couple of options.
Option #1 -- Trick DW into thinking it's a normal layout by putting an X in your FG Layout CSS file. Do this in Code View, not with Designer Panels.
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:      X 4;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
=====================================
Option #2 -- Drop back to CC 2014.0 (June Release) from these direct links:
WIN : http://download.adobe.com/pub/adobe/dreamweaver/win/cc/Dreamweaver_14_LS20.exe
MAC : http://download.adobe.com/pub/adobe/dreamweaver/mac/cc/Dreamweaver_14_LS20.dmg
Nancy O.

Flash Builder - Design View - can't resize/move objects anymore.

So, I've downloaded the 60 day trial of Flash Builder 4. I've been working with it for about 2 days and everything has been going fine. However, for some unknown reason, my design view panel just suddenly stopped working properly. I see the components (and the gray outlines of my containers) I'm working with, but when I try to click on them, I do not get that blue resizing outline with the handles. I see the properties panel change when I click different components, but I get no outline. So, I can no longer resize in this view. I also can't move components/containers around. I can only click on them and watch the properties panel change. I do not believe I've hit any sort of option in the menus. I closed the application and started it up again with the same result. I even rebooted my machine and tried again. As of right now, this problem seems to be permanent. Any ideas? Thanks for your time.

I would recommend you post on the Flash Builder forum: http://forums.adobe.com/community/flash_builder

Design View missaligned div tags location

I am using div tags to layout my webpage and the Design view
shows the wrong alignment. Check mektronix-net.campusbizcenter.com
for the page which seems to display correctly. I am also using CSS
for formating the webpage. Is DreamWeaver having a problem with
placing the div tags in Design view? Any help will be
appreciated.

The bracketed width is the actual width as a result of what
you have put in
the div and how you have styled it. The other width is the
width you *wish*
it would be.
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
==================
"april floyd" <[email protected]> wrote in message
news:esrgd1$jji$[email protected]..
> Why in the Design View do you see a width for a DIV and
also another width
> (greater) in brackets after it.

"Design" view bug?

I've created a simple menu with CSS. The menu displays differently in "Design" view within DW than it does as an actual rendered HTML page. WTF?
See below the sample I put together that illustrates the difference. The background color is different, the extent of the back color is also different, and even the size of the boxes is slightly different. The DW view is inaccurate, but why?

Hi
Design view is only an approximation and depending upon you code can be a very rough approximation.
PZ

Dreamweaver CC Design View background image render problem

Why in Dreamweaver CC does the Design View show any background image (CSS or HTML placed) with its top missing? The websites I produce with background images show fine in Live View and in the browser but why does the Design View have a problem with the positioning? CS5 didn't have this problem?

Please see attached screenshots, any ideas? You may not be able to see the red and green annotations, so just incase:
1. WRONG: The left screenshot is the Design View from Dreamweaver and this moves the grey background image up behind the header
2. CORRECT: The right screenshot is the Browser View and this is fine, showing the grey background image in the correct position.

Why has my form suddenly disappeared from design view?

My form has just disappeared from 'design view' but if i hit 'live view' it re-appears, the code is all there i just cant view it?

Ness_quick wrote:
My form has just disappeared from 'design view' but if i hit 'live view' it re-appears, the code is all there i just cant view it?
Its because your table code is broken. I had a job this morning wading through it so I eventually selected just the from part - <form> </form> - which I believe is intact and dumped it in another DW file.
If you can't find the broken or missing tag/s can I suggest you do this and rebuild the outer table.

Why is the body area of my site a different size in the preview view than than in the design view?

Why is the body area of my site a different size in the preview view than than in the design view?

Why is the body area of my site a different size in the preview view than than in the design view?

Why some times jdeveloper does not show a coreect design view ?

Hi
thank you for reading my post
why jdeveloper does not show a correct design view of jsf pages sometimes?
It does not shows labels and ... , just show tag names like : form , ... ?
here is a picture for this :
1-incorrect page:
http://www.flickr.com/photos/59086726@N00/217556594/
2-correct page :
http://www.flickr.com/photos/59086726@N00/217556595/
I just closed and open the IDE and page designer shows incorrect pages
thanks

Also try this...go to the project properties for the View project. Look at the JSF Libraries and remove the two JSF libraries and then re-add them....this sometimes helps.
Regards
Grant Ronald

Why is my design view in Muse suddenly red?

Similar Messages

Maybe you are looking for