Why bolding or italicizing in Design View, it strips wanted empty span tags?

I do not know if this is a bug, a setting, or whatever, but when I edit in Design View my empty span tags with class are striped. I actually want that span tag to stay, because the span will eventually displays an icon via CSS.
For example, I have the following code in the code view:
<p><span class="icon-dropbox"></span> Titles Goes Here</p>
When I bold or italicized a word using the keyboard shortcuts (ctrl+b or command+b) inside the <p> tag while in the Design View, it strips out the <span class="icon-dropbox"></span>.
Is there a way to prevent it from stripping empty span tag with class when in design view? I personally hate editing in design view, but I got some people who do (because looking at code give them headache). BTW, I am using Dreamweaver CC 13, and this issue is on both Mac and Windows platform.

That looks like a bug to me. It does it in DWCC 2014 as well. I've never seen it come up before here, but you have some fairly specific things going on there.
Here's where you report that: Adobe - Feature Request/Bug Report Form
As a work around, you could add your bold and italic as classes themselves and use those rather than the old <strong> and <em> tags. Also, putting any content (a non breaking space works well) between those <span></span> tags also appears to stop the insanity.

Similar Messages

DW 11.0 Build 4993 - why can't I use Design view with an HTML file?

Subject line basically says it all: I started a new HTML file, but I can't switch to design view. Anyone have any idea why? Thanks!

Which operating system? Mac or PC?
Can you post a set of reproducible steps so we can follow what you're doing?

Why page looks fine in Design view but not live view?

I am new to DW. I created a page that looks fine in design view but now I cant get it to show up in live view or the browser preview. Can some one give me some areas to troubleshoot. Most of the code is from a previous page I created that still looks fine in every view. I am not sure what I could be doing different in setting up this site.

Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

Why can't I use design view?

I recently loaded CS5 to manage a site developed witha previous version. The site includes php pages with a "require" function for a Fireworks-developed navigation bar. While I can do anything I want in code view, the design view will show only the navigation bar and no other design. All of the material is in the code and puts properly. How can I make the design view functional again?

I don't think I have it set up at all. When I go to Live View and try to connect, I get a message saying:
Not Found
The requested URL /about-us.php was not found on this server.
I have the remote server set up fine - I can put and get files with no problem. However, I'm not sure how to set up the testing server.
Thank you for your help.

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

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

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

Design View - Can't believe it's gone!

I have been using Flash Builder since it was Flex Builder. Actually, since flex was introduced. Once of the best features of Flash Builder over other IDE's was the ability to use a GUI to layout elements on the page. I just downloaded the trial version on Flash Builder 4.7 to see all of the new features and start playing with it, and that's when I noticed that there was NO Source/Design tabs. At first, I thought there must be a check mark somewhere to turn them on. After I could not find any settings that enabled the Design Veiw, I did a search on Google, and found out that it has been removed.
REALLY! OK. I have read peoples comments saying that if you are a Real programmer, you don't need it. Well, if I am a real driver, I really don't need leather seats and Air Conditioning either. The Design View was what set Flash Builder apart from other IDE's! And you got rid of it!?
Well, this is one developer who will not be upgrading to 4.7, when I could just use a free IDE to get the same results. Adobe, if you really care about your END USERS - The people that actually use your products, don;t change things that made your products what they are! When something works, don't fix it!
I can not imaging Flash Builder ever seeing a Version 5 if the Design View is not brought back.
So, hey... Adobe management - it's your lively hood because it's us developers that use your products that pay for your new releases that keep you in business. You have to show me why I should spend the $250 to upgrade when there are many FREE products out there that will now do everything that 4.7 will do. I just don't get it.
Thanks for listening, and I hope this comment is not just lost, forgotten or locked and displaced.
Ronnie
Online Innovations

I guess that when they set at the round table, and discussed what it would mean if they removed the Design View, they must have though... nevermind, I have no idea what they were thinking. All I know is, I love Adobe Products, I have purchased the CS suites since CS2, and I have been using Flex since it was introduced. Design View, however such a "small" part of the overall Flex concept, is a very important part. The concept was to have an environment that allowed you to write code (actionscript) and bundle that with a user interface (Flash) and build these applications quickly (RAD). Sure, Flash Builder will still allow you to develop the coding part quickly, but the Design View was the key that tied it all together, allowing you to create the backend (code) and the front end (user interface) quickly. I do not care that you are a fabulous coder that feels they are so good that they do not need a design view. I want it, and I am the one who is buying it.
So, I guess Adobe must have felt there where enough people that will still buy the 4.7 and beyond concept to keep it alive. I feel... it will not be me.
Adobe, I really like your products, But this is something that really needs to be re-thought. Who ever the person was that made the decision to get rid of this, you need to now make the decision to let them all go. Because they effectivaly killed Flex for many many people.
I hope you figure all of this out soon, because we will continue to use 4.6 for a little while. Then, we will start to change our development practices. Are you wanting to push people back to Flash Pro? Well, this may be the way we have to go and forget about Flex. I hope this will not be the case, but we will see.
Adobe can make the decision to not listen, and I can make the decision to not spend. Last I understood, they were in business to make products they can sell. So, I know I will still be here with my money, even if Flex falls to the side.

Problem with Scrollable image in design view.

So I have defined I want my layout to be scrollable, and that works when I preview it. But the problem is it is not scrollable in design view. Why is this? is there away to fix this?
Thank's in advance.

Design View doesn't process code like a brower does. It's primarily used for viewing layout.
Hence the name Design View.
You want to click on Live View while in Design View

JDev 11g JSF design view problem

Hi everyone
I have a problem with JDev 11g
whenever I'm trying to edit a jsf page the design view only shows the tag names like the image below
[http://www.imgplace.com/viewimg134/241/9511g.png]
this is only happens when editing jsf pages and everything is ok while editing jsp
so why is this happening and how to fix it?
thanks
Edited by: user13266332 on Jul 23, 2010 10:09 PM

Thanks for the link Shay Shmeltzer.
but unfortunately that didn't help much
i tried running jdev.exe with the console open and also enabled "Show Design Time Messages in Log" but i didn't get any error message
also tried adding different libraries to project but the design view still doesn't render the tags.
any other solution?

Problem with type size in design view CS3

Has anyone experienced type in design view that is just too
small to read? It seems to be inconsisent -- type is speced the
same, but some of it is showing as 1 or 2 pt in my design view. Not
having this problem in DW8. Probably something that I did by
mistake, but I can't seem to "fix" it.
Your help is most appreciated

Design View doesn't process code like a brower does. It's primarily used for viewing layout.
Hence the name Design View.
You want to click on Live View while in Design View

White box keeps appearing over list items in design view, I want to know why ?

In my footer area, I have 4 vertical lists that act as my sitemap links, but when I hover over them in design view the entire list gets replaced with a white box and then when I move my mouse away the white box disapears and the list shows again. This does not happen in live view but I would like to know why it does that, or if this will happen when the site goes live, or it just a design view bug.
thank you for any help
<ul class="SiteMapLinks">
<li>
<h3>Your Account</h3>
</li>
<li><a title="My Account" href="/my-account/">My Account</a></li>
<li><a title="Track Repair Status" href="/repair-status/">Track Repair Status</a></li>
<li><a title="Protection Plans" href="/protection-plans/">Protection Plans</a></li>
<li><a title="Schedule Appointment Portal" class="track_portal_link" href="replace" target="_blank">View My Appointments</a></li>
<li><a title="Warranties" class="track_portal_link" href="replace" target="_blank">Manage Warranties</a></li>
<li><a title="Remote Login" class="track_outgoing_link" href="replace" target="_blank">Remote Login</a></li>
</ul>
.SiteMap {
margin-top:450px;
padding-top:25px;
margin-left:auto;
margin-right:auto;
width:1050px;
color:#FFF;
height:200px;
background-color: #4695CD;
padding-left: 25px;
padding-right: 25px;
border-top: 1px solid black;
.SiteMapLinks {
float:right;
min-width:70px;
margin-left:28px;
.SiteMap ul {
list-style:none;
padding:0;
.SiteMap a { color:#FFF; }

This is all my CSS
/*** Global Settings *************************************************/
body {
/*Box Model*/
margin: 0;
padding: 0;
font-family:Verdana, Arial, sans-serif;
font-size:76%;
line-height:1.6;
color:#4b4c4d;
a {
color:#db6719;
text-decoration:none;
a:hover {
color:#db6719;
text-decoration:underline;
.justify {
text-align: justify;
color: #000;
.testimonial {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
.LeftColumnHeading {
font-family: BatmanForeverAlternate;
text-transform: capitalize;
color: #FFF;
font-size: 36px;
#Wrapper #LeftColumn p { text-align: justify; }
ul, ol {
margin:0;
padding:0 0 1.6em 2.5em;
/*** Headings *************************************************/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
text-transform:uppercase;
h1 {
font:36px/1.0em Verdana, Arial, sans-serif;
padding:14px 0 30px 0;
color:#000;
.nofontface h1 { font-weight:bold; }
h2 {
font:18px/1.0em Arial, sans-serif;
padding:0 0 10px 0;
color:#db6719;
h3 {
font:15px/1.0em 'BatmanForeverAlternate',Verdana, Arial, sans-serif;
padding:0 0 8px 0;
color:#fff;
.nofontface h3 { font-weight:bold; }
h4 {
font:16px/1.0em Arial, sans-serif;
padding:0 0 8px 0;
h5 { font:12px/1.0em Verdana, Arial, sans-serif; }
.nofontface h5 { font-weight:bold; }
h6 { font:13px/1.0em Verdana, Arial, sans-serif; }
/*** Commonly Used Styles *************************************************/
/***Wrapper *************************************************/
#Wrapper {
/*Box Model*/
position: relative;
height: 1200px;
width: 1100px;
margin: auto;
/*Layout*/
background-color: #FFF;
border: 1px solid #F0F0F0;
/***Topbanner *************************************************/
#TopBanner {
/*Box Model*/
height: 40px;
width: auto;
margin:auto;
/*Layout*/
background-color: #2783C4;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #226FA8;
#Home {
/*Box Model*/
float: left;
height: 30px;
width: auto;
/*Presentation*/
color: #FFF;
font-size: 16px;
background-color: #2783C4;
margin-left: 5px;
margin-top: 4px;
#PhoneNumber {
/*Box Model*/
float: right;
height: 32px;
padding-top: 3px;
padding-right: 5px;
/*Presentation*/
color: #FFF;
font-size: 15px;
background-color: #2783C4;
width: 230px;
font-weight: bold;
/*** Main Logo *************************************************/
#Logo {
/*Box Model*/
height: 180px;
width: auto;
margin: auto;
/*Layout*/
background-repeat: no-repeat;
background-image:url(../../Header%20Logo6.3%20flat%20.png);
border-right: thin solid #F3F3F3;
/*** Main Menu *************************************************/
#Menu {
height: auto;
width: 1100px;
background-color:#FFF;
padding:0px;
float: left;
border-bottom: 1px solid #dedede;
/*** Testimonial *************************************************/
#Testimonial {
/*Box Model*/
height:auto;
width: 1050px;
margin: auto;
padding-left: 25px;
padding-right: 25px;
/*Layout*/
background-color: #FEFEFE;
font-style: italic;
text-align: justify;
padding-top: 15px;
padding-bottom: 20px;
color: #000;
float: left;
border-bottom: 1px solid #dedede;
/*** BreadCrumb Trail *************************************************/
#BreadCrumb {
/*Box Model*/
Float:left;
height: 28px;
width: 1100px;
/*Layout*/
background-color: #FFF;
color:#000;
ul, li {
list-style-type:none;
padding:0;
margin:0;
#crumbs {
height:1.7em;
border-top: 1px none #dedede;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
#crumbs li {
float:left;
line-height:1.7em;
color:#000;
padding-left:0.75em;
#crumbs li a {
display:block;
padding:0 25px 0 0;
background-image: url(../_Images/crumbs.jpg);
background-repeat: no-repeat;
background-position: right center;
#crumbs li a:link, #crumbs li a:visited {
color:#000;
text-decoration:none;
a:link, a:visited, #crumbs li a:hover, #crumbs li a:focus { color:#00F; }
/*** Main Content Area *************************************************/
#LeftColumnTitle {
background-color: #4695CD;
height: 40px;
width: 1075px;
float: left;
padding-top: 10px;
font-size: 35px;
color: #FFF;
text-align: right;
padding-right: 25px;
#LeftColumn {
/*Box Model*/
Float:right;
height: 500px;
width: 700px;
/*Layout*/
background-color: #FFF;
padding-top: 20px;
text-align: justify;
border-right: thin solid #F7F7F7;
padding-right: 25px;
#RightColumn {
/*Box Model*/
Float:left;
height: 500px;
width: 250px;
/*Layout*/
background-color: #FFF;
/*** side navigation   *************************************************/
/*** Footer   *************************************************/
#Footer {
/*Box Model*/
height: 700px;
width: 1100px;
/*Layout*/
color: #FFF;
clear: both;
border-top: 1px solid black;
.SiteMap h3 span {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
/*** Footer SiteMap   *************************************************/
.SiteMap {
margin-top:450px;
padding-top:25px;
margin-left:auto;
margin-right:auto;
width:1050px;
color:#FFF;
height:200px;
background-color: #4695CD;
padding-left: 25px;
padding-right: 25px;
border-top: 1px solid black;
.SiteMapLinks {
float:right;
min-width:70px;
margin-left:28px;
.SiteMap ul {
list-style:none;
padding:0;
.SiteMap a { color:#FFF; }
.SiteMap .primary_links a { color:#000; }
.SiteMap a:hover, {
color:#fff;
text-decoration:underline;
/*** Footer contact info   *************************************************/
#ContactInfoFooter {
color: #000;
background-color: #00F;
position: relative;
height: 350px;
width: 300px;
float: left;
clear: right;
/*** Footer company overview   *************************************************/
#CompanyOverview {
background-color: #4695CD;
height: 350px;
width: 299px;
float: left;
/* [disabled]border-right: 1px solid black; */
/*** Footer chatbox   *************************************************/
#Chat {
background-color: #4695CD;
height: 100px;
width: 300px;
float: left;
/*** Footer newsletter   *************************************************/
#Newsletter {
background-color: #4695CD;
position: relative;
height: 100px;
width: 399px;
float: left;
border-left: 1px solid black;
/*** Footer testimonial output   *************************************************/
#TestimonialOutput {
background-color: #4695CD;
position: relative;
height: 350px;
width: 400px;
color: #000;
float: left;
/*** Footer Chatbox   *************************************************/
#ChatBox {
background-color: #4695CD;
float: left;
height: 350px;
width: 400px;
position: relative;
/*** Footer PaymentMethods *************************************************/
#PaymentMethods {
background-color: #4695CD;
float: left;
height: 100px;
width: 400px;
position: relative;
/* [disabled]background-image: url(../_Images/payment-accepted.jpg); */
background-repeat: no-repeat;
/*** Copyright Area *************************************************/
#Copyright {
background-color: #4695CD;
height: 20px;
width: 1050px;
color: #FFF;
clear: both;
padding-right:25px;
padding-left:25px;
border-top: 1px solid black;
padding-top: 10px;
padding-bottom: 5px;
.PrivacyPolicy {
float:left;
.TradeMark {
float:right;
#Copyright .PrivacyPolicy {color: #95896C;font:13px georgia; }
#Copyright .PrivacyPolicy li {
margin:0;
padding:0, 40px;
list-style:none;
float:right;
font:13px georgia;
color:#FFF;
#Copyright .PrivacyPolicy a {
color: #FFF;
border-right:1px solid #FFF;
padding:0 5px;
}

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 hasn't the tutorial been updated to reflect 4.7's lack of a Design View?

This series uses version 4.5 which is no longer available. It frequently mentions the DESIGN VIEW and how easy it is to use, yet there is NO design view (nor is there a Components tab on the lower left box) in current version 4.7. Not only that, but the code used in several of the first day examples is not valid in Flash Builder 4.7 / Flash Player 11 and the browser refuses to show those examples (btw: most of the examples still work in 4.7). There are now ActionScript related errors in the examples that demonstrated Design View. You've had 2 years to fix this...
It seems that you might be shooting yourself in the foot here by:
1. Not giving new users who want to learn how to work in this environment current information (or at least linbking to new information). This is NOT a way to encourage new customers!
2. Not showing any work around options - such as linking to Dreamweaver, Illustrator or Flash Pro in some way? or updating the tutorial and showing how to create the components in the code view?
3. Marketing? Standards? groups within the company need to anticipate and develop fixes BEFORE making such drastic changes - this has NOT been done and it reflects poorly on the product (which is actually pretty cool)!
What is the alternative?
Aren't there other tools in CC that can be integrated in some already well defined way? i.e. I can edit a menu in Encore by selecting "edit in Photoshop". Why can't something like this be available?
I realize that this is one of Adobe's evolutionary mashup products (ie. Flash uses the timeline that originated in Director, Premiere & AfterEffects use tools acquired from CultEffects and AutoMasker, etc.) so there are many behind the scenes licensing issues that have determined the product evolution (and the products occasionally evolve in unexpected ways) - but it seems a bit contrarian to remove useful features without providing workarounds that users will think are BETTER than the old way!

Why complicate yourself? Adobe has almost pulled itself off from enterprise level flex delevopment to create new HTML5 tooling.
They will not pay to upgrade a training that is on the verge of getting unsupported. Just satisfy your training needs with other resources, such as lynda.com, pluralsight, etc.
Always remember, we are talking about capitalist companies here, if its not done for profit, then its not possible.

Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

Why does images in preview are in a different position and resolution than in design view? In design view I have to place the images of screen to fit in preview.

Already changed in different settings. Here is a screenshot when set to "Original Size".

Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?

Why cant DW CS5.5 show html5's new elements in the wysiwyg design view?
I created a <section> and an <aside> in code view, and styled those elements in my CSS, but it doesnt show anything in design view!
why not?
Its annoying.
CS5.5 is Adobe's spring 2011 release.
Why is it not up to speed??
Isnt html5 very 2009-2010ish?
Is there an add-on i can install?
thanks.

Well we are all "getting up to speed" with HTML5 because, as it stands, it is still not a standard.
As to styling in CS4 vs CS5.5, Dreamweaver is an engine that assists in making good HTML code. It's agnostic. If you don't close your tags properly in CS 5.5 and then open the same document in CS4, it will notice that you did not close your tags properly.
Adobe makes plugins that will allow CS4 to do code hinting properly with HTML5 selectors and CSS3, assuming the document is peroperly defined as an HTML5 document.
Here is the beginning of one of my most recent HTML5 documents:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Page Title Goes Here</title>
<link href="css/normal.css" rel="stylesheet" type="text/css" media="all">
<link href="css/navigation.css" rel="stylesheet" type="text/css" media="all">


This works.

Why bolding or italicizing in Design View, it strips wanted empty span tags?

Similar Messages

Maybe you are looking for