Design View - Everything Highlights

In Design view of CS5 Dreamweaver (OS Windows 7), when I click to make a minor revision, everything highlights. I read a post to right click in the design view & go to Element View > Full because I have the following style in my wrap div in my CSS file - overflow:hidden;
I use this style all the time, and this is the first time I'm having problems with working in the Design view of Dreamweaver. The solution above works, but sometimes I have to do it twice before it takes affect. Anybody know the reason this happens?
Thanks.

Now I'm not sure why I felt a need to use overflow:hidden; in both my wrap and container div tags. To make a long story hopefully shorter:
I have a live site and I recently copied all files to a new site which are uploaded to a test folder, because the site is being redesigned.
The live site has the overflow:hidden; in both the container and wrap div tags. I have never had a problem editing content in the Design View for the live site or for other sites. Here is a link to one of the pages:
http://www.greenkarat.com/mykarat/reuse.asp so you can view the source. The direct link to the stylesheet is:
http://www.greenkarat.com/css/greenkarat.css
In the test site, as soon as I clicked within the Design View, everything got highlighted. I just tried something different. I removed the overflow:hidden; from both the wrap and container div tags, and now I can work in the Design View with no problem, which brings up the question of what was the purpose of the overflow:hidden style in the first place, but I have used that on all websites I have programmed. Here is a link to the same web page in the test folder:
http://www.greenkarat.com/test2011/mykarat/reuse.asp. The direct link to the stylesheet is:
http://www.greenkarat.com/test2011/css/greenkarat.css. The overflow:hidden has been removed from the container and wrap div tags, so I no longer have a problem.
If I put the overflow:hidden back in this css file, I, once again, have the problem with everything being highlighted in design view.
I don't understand why there's no problem with the overflow:hidden for the live site, but there is a problem in the test site.
Thanks for any help!

Similar Messages

Can't edit in Design View (CS3)

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

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

Site not displaying correctly in DW Design View

This is a weird display problem on one of my sites that I
have not seen before.
I sometimes log into my server remotely and make changes to
the html manually then resave the files. Later I may download the
newly edited files and put them in my backup site folder on my
local machine.
On one particular site, everything looks fine online from my
server, but when looking at the files locally in DW Design view
everything is out of whack. The images are all over the place and
the backgrounds are completely missing. If I preview the it still
looks normal and all the images are in the correct place and
backgrounds are fine. Only displays wrong in DW Design View which
makes it impossible to use the WYSIWYG to edit this site now.
Anyone encountered anything like this?

You are editing the files directly on the server, and not
from a local site?
And which DW are you using?
Murray
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
==================
"destind4film" <[email protected]> wrote in
message
news:f4mol4$enm$[email protected]..
> This is a weird display problem on one of my sites that
I have not seen
> before.
>
>
> I sometimes log into my server remotely and make changes
to the html
> manually
> then resave the files. Later I may download the newly
edited files and
> put
> them in my backup site folder on my local machine.
>
> On one particular site, everything looks fine online
from my server, but
> when
> looking at the files locally in DW Design view
everything is out of whack.
> The
> images are all over the place and the backgrounds are
completely missing.
> If I
> preview the it still looks normal and all the images are
in the correct
> place
> and backgrounds are fine. Only displays wrong in DW
Design View which
> makes it
> impossible to use the WYSIWYG to edit this site now.
>
> Anyone encountered anything like this?
>

Design View - problems, but does it matter?

Another design view question - I've looked through other
posts but not seen anything that's similar.
(Firstly, can't give a URL as I'm sensibly(?) doing a site
redesign offline...)
I've got a page that consists of three columns - each floated
left, each with nested divs (the nested divs are fixed width).
In design view, everything was fine with this structure - as
was preview in browser, and the page validates with DWCS3's
checker. But adding content to the first of the columns (within a
nested div) made the next two columns drop below the first in
design view - although DWCS3 validation and previewing is still
fine.
Through judicious deleting etc., I've found that it was a
floated element in a nested div within the first column, that
caused the subsequent elements to drop below the first column.
So my main question is - should I be worried by the design
view problems, or is It just an inconvenience?
(And if there's any other obvious problems I'm inviting by
structuring the page this way, please feel free to (gently) point
it out...!).
Thanks, Matt.

> So my main question is - should I be worried by the
design view problems
Yes. I'd say more, but I cannot see your page.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"theboyfromthefens" <[email protected]>
wrote in message
news:fgaou7$hgv$[email protected]..
> Another design view question - I've looked through other
posts but not
> seen
> anything that's similar.
>
> (Firstly, can't give a URL as I'm sensibly(?) doing a
site redesign
> offline...)
>
> I've got a page that consists of three columns - each
floated left, each
> with
> nested divs (the nested divs are fixed width).
>
> In design view, everything was fine with this structure
- as was preview
> in
> browser, and the page validates with DWCS3's checker.
But adding content
> to
> the first of the columns (within a nested div) made the
next two columns
> drop
> below the first in design view - although DWCS3
validation and previewing
> is
> still fine.
>
> Through judicious deleting etc., I've found that it was
a floated element
> in a
> nested div within the first column, that caused the
subsequent elements to
> drop
> below the first column.
>
> So my main question is - should I be worried by the
design view problems,
> or
> is It just an inconvenience?
>
> (And if there's any other obvious problems I'm inviting
by structuring the
> page this way, please feel free to (gently) point it
out...!).
>
> Thanks, Matt.
>

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

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

Snippet adds extra space in design view

Hi All,
I've created a supercript snippet that is set to wrap with
design view preview (just sup tags before and after the selection).
If I select the text to apply the snippet in design view then
dreamweaver adds an extra space in front of the 'after' block, it
doesn't if I select the text in code view.
Does anyone know a way to make this work properly in design
view as having to do it in code view all the time is just
really annoying?
Cheers,
Tosh

I cannot confirm this on my Mac or PC.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"BarkinB" <[email protected]> wrote in
message
news:gqqlve$gdk$[email protected]..
> The snippet I created is set up like so:
> Snippet type: Wrap selection
> In the Insert before box:
> <span class="blue">
> In the Insert after box:
> </span>
> Preview type: Design
>
> I've carefully verified there are no extra spaces in
either 'Insert
> before' or
> 'Insert after'.
>
> In Design view, I highlight text, double click the
snippet and although it
> correctly wraps the span tag around the selected text,
it adds a space
> just
> before the closing span tag.
> Doing the same operation, but in Code view, the problem
does not manifest
> itself.
>
> If you have time, I (and I'm confident Tosh) would
appreciate your trying
> it
> and informing us of your results.
>
> Thanks.
>

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

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

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

DW won't highlight properly in design view

When working in design view I can't get photos to highlight or divs to activate quickly. It's taking me twice as long to work because in order to get the elements active my work around is to put it in inspect mode then select element, take it back out and then it is hit or miss whether or not the handle bars or activation boxes light up. Sometimes it takes me 5 or 6 try's. If anyone knows a solution I would greatly appreciate help.
Thank you,
F

faithkkuddles888 wrote:
When working in design view I can't get photos to highlight or divs to activate quickly. It's taking me twice as long to work because in order to get the elements active my work around is to put it in inspect mode then select element, take it back out and then it is hit or miss whether or not the handle bars or activation boxes light up. Sometimes it takes me 5 or 6 try's. If anyone knows a solution I would greatly appreciate help.
Thank you,
F
You click anywhere in design view and then look at the bottom left screen and you will see something like this:
Now if you click on <p>, your paragraph will be highlighted. If you click on <section> your entire contents of section will be highlighted. Hope this gives you the idea.
This is only possible in Design View. Code view will not help you here. Split view might be another option to try it.
Good luck.

DW code view custom highlight color from design view (split view)

I would like to change the "Code view" highlight color from it's default to something more contrasty ... so while using "Split view" - when I select an element in "Design View" the corresponding code in "Code view" would be easier to find ...
Anyone knows how to customize this setting wit DW CS5??
Thanks!

I would like to change the "Code view" highlight color from it's default to something more contrasty ... so while using "Split view" - when I select an element in "Design View" the corresponding code in "Code view" would be easier to find ...
Anyone knows how to customize this setting wit DW CS5??
DW Code View uses the Selection colors defined for your Operating System.
If you don't know how to change that, which OS and version are you using?
HTH,
Randy

Highlighting in Design View the selected code in Code View

I'm a complete newbie to DW so forgive the probable obvious question. I've loaded up a complete site template that was created outside of Dreamweaver in order to modify it for use elsewhere.
I want to be able to select chunks of code in the code view, mainly <DIV>'s and have them highlighted in the design view, just imagine the "Inspect" functionality, but in reverse.
Is this something that's already possible that I just haven't found?
Thanks In Advance
Andrew

A couple of options to consider:
Turn off your CSS. View > Style Rendering > un-tick display styles.
You'll see an unstyled page you can work with.
Read about Design Time Style Sheets (F1 help). DT style sheets are simplified css files that you can use while you edit your site.
DT style sheets have no effect when you preview in browsers.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

How do I view content in Design view once everything is grayed out?

I was building a web site. When I switched from horizontal view to vertical view I was no longer able to view content in design view. The entire page was grayed out. I'm also not able to view content in design view in other web sites too. How do I fix it?

Well, yes the rest of the phone works, but the sole reason I got it was to able to view these files. I had a Blackberry and I wanted a bigger screen. Work allowed me to choose the iPhone or the latest Galaxy phone. I chose the iPhone because I was told "it just works".
I know the Galaxy reads the .txt files because coworkers have it. If the iPhone wont allow me to read the file then it doesn't matter if "it just works" because it can't do what I need it to do.

Design View and a CSS Div layout page

There are a few pages l
ike this. I am assuming it is because everything is layed out w
ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
nline. Here is a screenshot:
Here is the code:
<body onload="initHomePage(); addReferToLinks();">

<script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>

<img src="/profile/image/logo_linknet.gif" />

<form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
       <input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
       <input class="button" type="submit" value="Search" name="submit" />
       <input type=hidden name="col" value="mpr dno dnos1" />
</form>
    <div id="main">

<div id="newsBox" class="box">
   <div class="boxHeader">
    <div class="headerLeft"><h2>MP News</h2></div>
    <div class="headerRight"><a href="/news/news/index.htm" class="more">more »</a></div>
   </div>
   <div class="boxContent">
    <h3>
     <script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
    </h3>
    <div id="newsContent">
     <div class="loading">
      Loading...
     </div>
    </div>
    
    <h3>My Subscriptions</h3>
     <ul style="list-style-type:none;">
      <li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
      <li><a href="http://">View Subscriptions</a></li>
     </ul>
    
    <div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
    
    <div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
   </div>
</div>


<div id="content">
   
   
   <div id="alert" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft"><h2>Important Notice</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div id="alertContent" class="boxContent">
     <div class="article">
      <a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
      Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
      unable to access their PCs.
     </div>
    </div>
   </div>
            <div id="home_page_id">) Home Page</div>
   
   <div id="activities" class="box highlightBox">
    <div class="boxHeader">
     <div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
     <div class="headerRight"> </div>
    </div>
    <div class="boxContent">
     <div style="width:100%;">
      <ul>
       <li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting: <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
         <option name="selectRecruit" selected="selected">*** make selection ***</option>
         <option value="http.htm">Sourcing & Prospecting</option>
         <option value="http://.htm">Selecting & Assessing Candidates</option>
         <option value="http://_process.htm">Post Acceptance Process</option>
         <option value="http">Developing an Internship Program</option>
         <option value="http.htm">Tracking Activity, Results & Accountability</option>
         <option value="http://.htm">Recruiter Development</option>
        </select></a></li>
       <li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership & Organizational Development </a></li>
       <li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
       <li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for   managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing & Operations</a></li>
       <li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning & Performance</a></li>
          <li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation & Benefits</a></li>
          <li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative & Specialist Development</a> </li>
      </ul>
      <div id="slideshow1" class="activitySlideshow" style="height:212px;">
       <img src="image/slideshow_photos/photo06.jpg" />
       <img src="image/slideshow_photos/photo07.jpg" />
       <img src="image/slideshow_photos/photo08.jpg" />
       <img src="image/slideshow_photos/photo09.jpg" />
       <img src="image/slideshow_photos/photo10.jpg" />
      </div>
     </div>
    </div>
   </div>
   
   <div class="leftColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Events Calendar</h2></div>
     </div>
      <div class="boxContent"><ul>
      <li>April 25-30<br />
     <a href="http_020110.htm" target="_blank"></a></li>
     <li>May 12-14<br />
     <a href="http://030510.htm" target="_blank"></a></li>
       <li>June 16<br />
     <a href="http://.htm" target="_blank">Series conversation</a></li>
                      </ul>
      </div>
    </div>
     
     <div class="box">
      <div class="boxHeader">
       <div class="headerLeft"><h2>Spotlight</h2></div>
       <div class="headerRight"> </div>
      </div>
      <div class="boxContent">
              <div class="article">
      
   <div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
     The $25 association membership fee will be charged to June 30 home
     office supply bills. Representatives who wish to decline membership
     may submit a <a href="http://.htm" target="_blank">decline
     form</a>.
<div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
     Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
                          <div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
     Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
              <div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
     Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
              <div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
     The Current Year Scale page on LINKnet provides the latest information
     and sales support materials based on the 2010 dividend announcement.

               </div>
      </div>
     </div>
   </div>
   <div class="rightColumn">
   
    <div class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Approaching Deadlines</h2></div>
     </div>
     <div class="boxContent">
       <ul>
<li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
       <li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
                      <li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
                      </ul>
      </div>
    </div>
    
    <div id="techalerts" class="box">
     <div class="boxHeader">
      <div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
      <div class="headerRight"><a href="http://.htm" class="more">more »</a></div>
     </div>
     <div class="boxContent">
      <div class="loading">
       Loading...
      </div>
     </div>
     <iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
    </div>
   </div>
</div>

Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes.

Flash Builder 4 - Beta / Design view sporadic at best

Okay, so I have installed the beta, and running through the Catalyst / Flash BUilder 4 tutorial, all is well, unitl i try to get the imprted fxp file to consistently display in the design mode. Not only that, but switching from code view to design view will break it just about 95% of the time, and then it will not display the created items that the tutorial has you put on them (i.e. the databinds to the names, etc etc).
Has anyone else experienced this? Other than a few little things like this, so far so good guys(ADOBE).
Thanks,
Craig Newroth

eh_adobe wrote:
Please be aware that using a newer SDK with Flash Builder Beta's Design View may have unpredictable results. I can't say specifically since I don't know what version you tried and what your document contained, but... let's pretend for a second that the SDK changed something in a component - its name, its package, or any method or properties in it. Design View was compiled with a specific version of the SDK, and would not know about that change, and so might not react very well to the document. Yes this is not ideal, but it's hard to avoid when the SDK is changing rapidly (at some point it will settle down, and this won't be an issue). We can look at ways to mitigate this.
I have had less unpredicatable results with recent builds of the SDK the latest being build 7988- I basically update from the svn trunk every 2-3 days look through the changes run the checkintests just to make sure all is ok then see what happens to be small testbed apps, I have been doing this for several months. I don't mind the IDE not dealing with the changes as long as it tells me why it can't. But the code should not break the IDE. Also i'm getting a little confused as some of the responses to some issues (not the design mode one) in this forum have suggested seeing what happens with updated SDK's.
Anyway I have reverted everything back to a standard FB4 install and the first thing that happened yet another new flaw in design mode rears its head, no errors but this time a visually definable issue. The component appears as a 1 dimension line in the top left hand corner of the design editor window, not even on the design view working canvas. Attached is a screen shot and the associated code that caused it. Please note the IDE didn't draw the big red ring around the visual glitch so thats one less bug to worry about.
     the app.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
     <s:HSlider x="50" y="50" width="200" height="30" skinClass="skins.HSliderSkin"/>
</s:Application>
     skin part A.
<?xml version="1.0" encoding="utf-8"?>


<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
       minHeight="11" minWidth="100"
       alpha.disabled="0.5">
    <fx:Metadata>
    <![CDATA[
      * @copy spark.skins.default.ApplicationSkin#hostComponent
         [HostComponent("spark.components.HSlider")]
    ]]>
    </fx:Metadata>
    <fx:Script>
        /* Define the skin elements that should not be colorized.
           For slider, the skin itself is colorized but the individual parts are not. */
        static private const exclusions:Array = ["track", "thumb"];
      * @copy spark.skins.SparkSkin#colorizeExclusions
        override public function get colorizeExclusions():Array {return exclusions;}
    </fx:Script>
    <s:states>
         <s:State name="normal" />
         <s:State name="disabled" />
    </s:states>
    <fx:Declarations>
     
        <fx:Component id="dataTip">
            <s:MXMLComponent minHeight="24" minWidth="40" y="-34">
                <s:Rect top="0" left="0" right="0" bottom="0">
                         <s:fill>
                              <s:SolidColor color="0x000000" alpha=".9"/>
                         </s:fill>
                         <s:filters>
                             <s:DropShadowFilter angle="90" color="0x999999" distance="3"/>
                        </s:filters>
                    </s:Rect>
                    <s:SimpleText id="labelElement" text="{data}"
                         horizontalCenter="0" verticalCenter="1"
                         left="5" right="5" top="5" bottom="5"
                         textAlign="center" verticalAlign="middle"
                         fontWeight="normal" color="white" fontSize="11">
                </s:SimpleText>
            </s:MXMLComponent>
        </fx:Component>
     </fx:Declarations>
    
    <s:Button id="track" left="0" right="0" top="0" bottom="0"
              skinClass="skins.HSliderTrackSkin"/>
    
    <s:Button id="thumb" top="1" bottom="1" width="{hostComponent.height*1.5}" skinClass="skins.HSliderThumbSkin"/>
</s:SparkSkin>
     Skin Part B
<?xml version="1.0" encoding="utf-8"?>


<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Metadata>
    <![CDATA[
      * @copy spark.skins.default.ApplicationSkin#hostComponent
         [HostComponent("spark.components.Button")]
    ]]>
    </fx:Metadata>
    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>
    
    <s:Rect left="0" right="0" top="0" bottom="0" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
        <s:fill>
            <s:SolidColor color="0x4F4F4F" />
        </s:fill>
    </s:Rect>
     
     <s:Rect left="0.5" right="0.5" top="0.5" bottom="0.5" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
          <s:stroke>
               <s:LinearGradientStroke rotation="90" weight="1">
                    <s:GradientEntry color="0x000000" alpha="0" />
                    <s:GradientEntry color="0x000000" alpha="0.33" />
               </s:LinearGradientStroke>
          </s:stroke>
          <s:fill>
               <s:LinearGradient rotation="90">
                    <s:GradientEntry color="0xFFFFFF"
                                      color.over="0xE5E5E5"
                                      color.down="0x999999" />
                    <s:GradientEntry color="0xD8D8D8"
                                      color.over="0x7D7D7D"
                                      color.down="0x555555" />
               </s:LinearGradient>
          </s:fill>
     </s:Rect>
     
</s:SparkSkin>
     Skin Part C
<?xml version="1.0" encoding="utf-8"?>


<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Metadata>
    <![CDATA[
      * @copy spark.skins.default.ApplicationSkin#hostComponent
         [HostComponent("spark.components.Button")]
    ]]>
    </fx:Metadata>
    <s:states>
        <s:State name="up" />
        <s:State name="down" />
        <s:State name="over" />
        <s:State name="disabled" />
    </s:states>
     
    <s:Rect left="-1" right="-1" top="0" bottom="-1" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
        <s:fill>
            <s:LinearGradient rotation="90" >
                 <s:GradientEntry color="0x000000" alpha="0.55" />
                 <s:GradientEntry color="0xFFFFFF" alpha="0.55" ratio="0.8" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
    
    <s:Rect left="0" right="0" top="1" bottom="0" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
        <s:fill>
            <s:SolidColor color="0xCACACA" />
        </s:fill>
    </s:Rect>
     
     <s:Rect left="0" right="0" top="0" bottom="0" radiusX="{hostComponent.height/2}" radiusY="{hostComponent.height/2}">
          <s:fill>
               <s:SolidColor alpha="0"/>
          </s:fill>
     </s:Rect>
</s:SparkSkin>

Design View Issue Dreamweaver CS4 - Taking forever to load design view

I am having an issue where my site takes literally almost a full day to load in design view. Once it is loaded everything works seemlessly but once I close down Dreamweaver and reopen it, I have to wait another day to get to design view of my site. All files open just fine in code view.
I have deleted the Dreamweaver CS4 cache folder, completely formatted my drive and reinstalled creative suite. I have also validated my code on W3c and everything checks out fine.
The majority of my site is based off of a template, but even when I remove all the template references in the html files from Notepad I am still having the same issue. My site renders fine and quickly however on Explorer, Firefox, Chrome, and Safari.
When loading any other site off the web into Dreamweaver I do not run into the problem so there must be something wrong with how my site is set up. Either the Template file is no good or somewhere else I am falling short. Can someone, please, please, please ( I am begging) help me figure out what is going on here.
My index file is located at - http://www.thebluedot.net/index.html and the template file is located at - http://www.thebluedot.net/Templates/index.dwt
I have searched high and low and even made a post on this same topic about a month ago but never came up with a resolution to my issue. I had given up on finding a solution to this problem for some time, but I really need to figure out where I am going wrong here!
Additional Details -
I am running - Windows Vista Ultimate on a Core 2 Processor with 12 GB of Ram & Solid State Hard Drive. Everything on my system runs super smoothly except loading my site in Dreamweaver CS4 design view.
I really appreciate any help you can provide.

I have used CS2 Adobe GoLive to create and manage a website (pro-prosperity.com). Now, I have CS4 Dreamweaver. I got a new site set up on Dreamweaver using the site management facility. I then have the contents of website available locally on Dreamweaver. I can edit files. But the main home page, index.html, is not displaying on design view mode for editing, although it displays everything on live view mode. I have struggled for days and am not getting any difference in attributes of index.html and another .html that is displaying fine on design view and is editable.
I am really lost and am begging for any help. Can you, for example, copy the home page from pro-prosperity.com and display on design view and edit it? Please tell me what is in this file that is troublesome. Thanks.
The first thing you should do is to make sure that this feature is turned on (it's off by default):
View > Code View Options > Highlight Invalid Html
It's not perfect, but it will notify you of some problems. In Code View, there are many problems highlighted. Some of them don't make sense, but are triggered because of a problem with a parent tag.
Be sure to make a backup copy of your file before doing the next step. Close your page. Go to Preferences > Code Rewriting, and turn on "Fix invalidly nested and unclosed tags", "Remove extra closing tags", and "Warn when fixing or removing tags". Click OK, then re-open your page. The messages in the dialog to tell you what was changed. This allowed me to see your page in Design View (I am using CS5).
Note: I suggested that you reset your preferences to turn off those 3 settings as they can cause problems with some markup.
In the long term, I suggest that you avoid nesting tables wherever possible.
Hope this helps,
Randy

Can not see the design view nor the java file in CentOS

Hi all. I've recently installed JSC2 in CentOS. I find this tool really useful. But I have a problem with the design view and the java file view. At the beginning, when I first create a Page1.jsp, I can see the design view and the java view with no problem. I run apps correctly. But after a while, I get a "null pointer exception" error and I am able to see only the jsp view, not the others. I don't even have the option to see the Design and Java views. And the page icon in the project window appears to be darker than a well working page. I'm not really sure what sequence of actions I do to get this error, it just suddenly happens. What I've done so far in JSC2 is to link to pages in the Page Navigation view. It works fine for a while, but after a while I get the error I've described.

Yes, if I do that It happens the same. I've tried everything. Now I'm using Window$ 2000 and it works properly. Thanks anyway.

Design View - Everything Highlights

Similar Messages

Maybe you are looking for