CSS Styles not displayed properly in design view - SOLVED (not 'Display Styles')

For several weeks, I've been troubleshooting the issue of CSS
and inline styles not being displayed properly when in Dreamweaver
CS3 design view, and checking in to the forums occassionally to see
if there was a solution other than making sure "Display Styles" was
selected under View -> Style Rendering (it was, and still
nothing would display properly!).
After much frustration, I may have found the solution to
those still experiencing the issue even after "Display Styles" is
appropriately checked. I went in to my master template for the
site, and found an erroneous <br> tag after the <link
href> for the stylesheet, which I must have inadvertantly
inserted when I added the code for the site's favicon. (You get so
used to Shift-Enter in layout mode, it's almost automatic,
regardless of what pane your in.) I can't believe I missed this
before! Deleting the erroneous tag cleaned up the whole
site.

I had the same thing happen to me. After hours of trouble
shooting I found a bit of inappropriate code left in the HTML.
Cleaned that up and all is good. Seems like it is often something
so simple. Guess that is why it is so maddening when i can't figure
it out!

Similar Messages

Webfont not displaying properly in design mode or appearing in font list

Just updated Muse and now my heading webfont (Nunito) is not displaying properly in design mode or appearing in the font list. It is, however, displaying properly in preview mode. When I try and delete the font and then add it again I get an error message that says the font can't be added. Any idea what's going on?

Hello,
Please try the steps below. Hopefully this will fix the problem.
1. Close Muse
2. Rename the folders named tk1 and tk2 in the following locations
On Windows: %appdata%\com.adobe.AdobeMuseCC.2014.2\Local Store. You can type this in the Path bar at the top of the Windows Explorer window
On Mac: ~/Library/Preferences/com.adobe.AdobeMuseCC.2014.2/Local Store. You can type this in the Go To Folder dialog (Shift+Command+G)
3. Launch Muse and add the font again
Please let me know if that helps.
Regards
Vivek

RH8 - HTML Design view is not displaying what the HTML specifies.

I recently edited a template (Master page) that includes tables. Now the design view of the master page does not correctly display the HTML for that page
and the design view of each page that uses that Master Page displays blank tables. The HTML view includes the content, but the design view does not.

I understand the use of Master Pages. The topics were already associated with the Master page that included tables and the
Design view displayed the content perfectly. It wasn't until I edited the color of the cell borders in the Master page that everything went haywire.
As it is now, the design view is completely unusable for me. This adds a layer of inconvenience that is time consuming. I'm just trying to get the design view back to what it was earlier today.

Design view no longer displaying included files properly or at all

Hello,
The site I need help with is a classic asp site. I am using Dreamweaver CS5.5 and am working in Windows 7 Professional.
For over a year I have been opening files directly from two separate servers (one is testing, the other is live) and the files previewed fine in design view. One day design view stopped working for asp files on both servers and I do not know what caused this. HTML files still preview fine.
On the live server, design view is not recognizing the included files at all. On the test server design view is recognizing the html from the includes but not any images or files with a "/" as the first character in the path.
The loss of design view is making my styleing very challenging. I think I need to tell dreamweaver where the root of the testing and live server are. I'm not sure is this is the solution and if it is I am not sure how to implement it. Perhaps I should try to uninstall/reinstall Dreamweaver. Any help would be greatly appreciated. Thank you.
Paul

Please show us the code from a sample parent page and an included page.

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

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

Pdf file in simply Chinese can not be displayed properly sometimes, how to solve it?

pdf file in simply Chinese can not be displayed properly sometimes, how to solve it?

Try a different pdf reader, like GoodReader.
Try switching your OS to Chinese (or English, if it is already in Chinese).
Verify that the pdf does display correctly on a full computer.

Dremweaver CS6. Design View is not working.

Hello.
Design View is not working.
I got this instead of normal View.
What wrong with it?
Regards,
Nata

Sometimes it is just a temporary problem and by shutting down the DW and rebooting the system resolves such problems. Otherwise, you can try to reset the preferences using the instructions given here:
<Restore preferences | Dreamweaver CS6, Dreamweaver CC>
Or even try deleting the cache file using these instructions:
<Deleting a corrupted cache file>
Good luck.

My speaker is not working properly in 4s if i use headphone its working now my volume increase decrease button is also not working properly how can i solve it pl help me my warranty finished

my speaker is not working properly in 4s if i use headphone its working now my volume increase decrease button is also not working properly how can i solve it pl help me my warranty finished

Hello. I sent my WRT1900AC V1 to Linksys four days ago (Monday) via UPS with a RMA. Linksys paid the shipping and everything. The router is still in route, and it should arrive to their offices tomorrow. Once they receive the WRT1900 AC V1, they are going to send me an EA8500 as a replacement. But I have been reading the comments about the EA8500 here in the forum and it seems to have the same problems. I guess the firmware is extremely flawed in both routers (maybe it is almost the same code?). Anyway, I will try the EA8500 and I hope it works. I bought a temporary router from Walmart and I paid $35 for it. It is a Belink N600 DB. I can't believe that a $35 router is working a lot, lot, lot better than my previous $250 WRT1900AC router. Unbelievable. If the EA8500 doesn't work, I'm going to try and get my money back from Linksys, or contact The Consumerist or someone to get my money back and get a Nighthawk instead.

The paint bucket tool is not working properly. The colors does not change, any suggestion?

The paint bucket tool is not working properly. The colors does not change, any suggestion?

Maybe on the wrong layer.
It would be more beneficial if you capture your screen with the layers panel open and any layers that are collapsed, expand them.

Centre not working in Dreamweaver Design View (CSS+HTML)- Preview OK- help!

Hi there
I am having a slight problem with DW which I have had before, and fixed, but I cant for the life of me remember how I fixed it. So any help is much appreciated.
I am producing a proof site for a client and cannot load it to be live just yet so sorry for any inconvience but I have taken some screen shots and will paste code/html.
The site is currently sitting like this in the design view of DW
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture1-1.jpg[/IMG]
Which it usually doesnt.... its usually centred within the design view!!
this is how it sits in the preview
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture2.png[/IMG]
My main page container is margin left auto and so is the margin right.
(please excuse my experiment with the drop shadow behind the main container)
please excuse me if anything is messy, im pretty new to this!!
Thanks, Sarah
Code -
<style type="text/css">
    
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body leftmargin="float">
<div class="shadow">
<div class="pagecontainer">
            
            <div class="topbarcontainer"><img src="images/pb-topbanner.jpg" width="800" height="126"></div>
                    <div class="navigationbar"> <img src="images/pb-linkbar1.jpg" width="353" height="34"><img src="images/pb-linkbar2home.jpg" width="87" height="34"><img src="images/pb-linkbar3products.jpg" width="198" height="34"><img src="images/pb-linkbar4offers.jpg" width="161"                                                                                                                                                                                                 height="34"></div>
                            
                            
                            <div class="flashcontainer">
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="257" id="FlashID" title="paulburtonflash">
                                <param name="movie" value="flashfiles/paulburtonflash.swf" />
                                <param name="quality" value="high" />
                                <param name="wmode" value="opaque" />
                                <param name="swfversion" value="6.0.65.0" />
                               <param name="expressinstall" value="Scripts/expressInstall.swf" />
                                
                                
                                <object type="application/x-shockwave-flash" data="flashfiles/paulburtonflash.swf" width="800" height="257">
                              
                              <param name="quality" value="high" />
                              <param name="wmode" value="opaque" />
                              <param name="swfversion" value="6.0.65.0" />
                              <param name="expressinstall" value="Scripts/expressInstall.swf" />
                              
                              <div>
                                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                            </div>
                              
                            </object>
                                
                              </object>
                            </div>
                            
                   
                   <div class="mainbackground">
                   
                    <div class="homepagetext">
                    Established in 1980, we are a drinks wholesale business, based in the Scottish Borders which prides itself on being able to provide alcoholic and soft drinks in whatever quantity you require at outstanding prices and on time.<br><br>
We deliver 7 days a week and offer a free, prompt delivery service, by our own staff in the Borders, East Lothian and Midlothian.<br><br>
<div class="textspacer1"></div>
<div class="textsixe16">We have regular promotions - click here to view our latest special offers</div>
                    </div>
                    
                    <div class="homepageimage">
                    <img src="images/pb-home-mainimage.jpg" width="328" height="219"></div>
                    </div>
      <div class="bottombar">
              <div class="bottombartext">
                Paul Burton Drinks Wholesale, Pinnaclehill Industrial Estate, Kelso, Scottish Borders, TD5 8DW
            </div>
      </div>
</div>
</div>
</body>
</html>
CSS -
@charset "UTF-8";
/* CSS Document */
.shadow{
width:840px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/editableshadow.png);
background-repeat:repeat-y;
.pagecontainer{
    width:800px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
.topbarcontainer{
    width:800px;
    height:126px;
.navigationbar{
    width:800px;
    height:34px;
    float:left;
.flashcontainer{
    width:800px;
    height:257px;
    float:left;
.mainbackground{
    width:800px;
    height:349px;
    float:left;
    background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-background.jpg);
    background-repeat:no-repeat;
.homepagetext{
    width:372px;
    height:275px;
    float:left;
    margin:50px 0px 0px 50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFF;
.textsixe16{
    font-size:16px;
    font-weight:bold;
.textspacer1{
    height:15px;
    width:5px;
    color:#d6f3fc;
.homepageimage{
    width:328px;
    height:219px;
    float:left;
    padding:50px 0px 0px 20px;
.bottombar{
    width:800px;
    height:59px;
    float:left;
    background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-bottombar.jpg);
    background-repeat:no-repeat;
.bottombartext{
    width:600px;
    height:17px;
    float:left;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    padding:25px 0px 0px 50px;

"<body leftmargin="float">"
Can you say what that's doing? "float" is not a legal value for the leftmargin style, which requires an integer value. But its use is deprecated in favor of CSS anyhow.
Your pasted code is lacking a doctype or anything that would normally be above that stylesheet link. Is that just an oversight or is it really not there?

CS4 Design view does not render CSS correctly but browser does !?!?

I am designing a layout using primarily CSS. I want to insert a table inside one of the div's. In design view the table gets pushed way out of position but in live view and on the web, the page looks correct. Why? Am I missing something in design view?
Here is the actual page I am working on Sample Page
Here is what I see in design view Design View
This glitch is making it difficult to add content to the table.
I tried to edit the page with Contribute CS4 and the table gets pushed so far out of position that it is impossible to access it. The page looks fine when I am connected but as soon as I try to edit it does not render properly.

This question comes up almost daily, and I dont recall seeing an answer that is much different. It comes down to that it does not matter what DV shows, it is the browser view that counts. How frustrating it is to spend time and effort to correct a view in DW Design, only to find out it throws your browser view all askew. Its hard enough to make x number of different browsers all look good with however many screen resolutions, to worry about something that in the end does not matter.....
Work more in code view, let F12 be your companion.
Gary

CSS header images not visible except in design view

I have a recurring problem in my css designs, and it's driving me to drink. In my stylesheets I define background and header images that work beautifully in design view, but when you view it any browser the header image is gone. This is not the first time I have struggled with this and I am over it. On the example I have posted there is an image underneath (not below, actually underneath) the company name and slogan at the top of the page, but you sure can't see it can you? As a matter of fact the second line of text completely disappears because the header image is not displayed. If someone can show me where I am going wrong with this I would appreciate it. The link to the site is here:
http://firstvirginiaservices.com/test/index.html

This is a path issue.
You're testing your new website in a subfolder called test. The server does not know that.
Your header rule points to the image with a site root reference i.e. starting from the root folder
#header {
margin:0;
font-family: Verdana, Geneva, sans-serif;
background-image: url(/images/header.jpg) ;
background-repeat:no-repeat;;
text-align: right;
That'll probably be OK when the site goes live but not while it lives in the "test" subfolder.
The server is looking for
http://firstvirginiaservices.com/images/header.jpg
but the images folder does not exist at the root folder level yet so the file is not found and the image does not display.
You really mean
http://firstvirginiaservices.com/test/images/header.jpg
The solution is to
EITHER
keep the root relative path and change the path temporarily in the CSS while you're working in the test folder
#header {
margin:0;
font-family: Verdana, Geneva, sans-serif;
background-image: url(/test/images/header.jpg) ;
background-repeat:no-repeat;;
text-align: right;
then tweak the path (remove "/test") when the site goes live.
OR
use a document relative path in the #header rule (from the CSS folder location to the images folder location)
#header {
margin:0;
font-family: Verdana, Geneva, sans-serif;
background-image: url(../images/header.jpg) ;
background-repeat:no-repeat;;
text-align: right;

Display Html screen, design view and CSS screen at the same time ?

Hello everyone !
Well this is my problem :
I am on a Dual Screen monitor, in one screen i have the ''code inspector'' to view my html code and the second screen i have the Design view.
Problem is, i hate switching always my tabs when I need to work on my Html and my CSS.
I was wondering if anyone found a way to display, i don't know maybe 2 code inspector or simply find a way to split the screen so I can see html and css at the same time ?
Thanks a lot !
Nick

If you're using Dreamweaver CS4, this is very easy. View the HTML in the Code Inspector, and have Vertical Split view in the main Document window. In the Related Files toolbar, select the stylesheet.

Snippets not displayed in Topic (Design View)

I have RoboHelp 7.0.2.
This "snippets" problem started a few days ago. I use the
same 2 snippets in about 100 topics. Suddenly, the snippets stopped
getting displayed in the topics (Design View). I don't see the
snippets even when I click the eye glasses icon for a preview.
However, if I switch to HTML View, the code does confirm that
the snippets are there.
This problem started happening around a few days after I
started having version control issues with RH. My project is
version controlled (Sourcesafe) so I have always checked in/out
topics for working. But nowadays, after a few hours of RH being
open, it just messes the version control part. That is, it will not
let me edit topics that I have checked out myself telling me that
the file is already checked out. And at times, it won't even check
in my files.
I thought maybe my RH install is corrupt so I just
reinstalled RH (7.0.2). However, I still cannot see the snippets.
Not sure about the version control part since I haven't kept RH
open for a long time.
Any thoughts?
Thanks,
K

The issue that I am having is that when I renamed the
snippet, only two topics accepted kept the snippet and allowed it
to remain (with the new name). The other 100 topics showed that I
had a snippet (even though you couldn't see it), but in the
tooltip, showed the previous name I named the snippet. I went back
to the snippet and renamed it back to the old name - which oddly
this time, the two topics that were accepting the snippet as any
name, did not take and the snippet was there, but would not appear.
I guess this is a little glitch in the renaming snippet
function. I can't think of anything else??? Anyway, I kept the
original name (although, another odd thing is this isn't the
original - this is another one I changed it to) and removed the
snippet that wasn't appearing from the two topics and reinserted it
again. I guess it's better than reinserting it 100 times.
Sorry I can't be of more help.
Thanks,
Michele

CSS Styles not displayed properly in design view - SOLVED (not 'Display Styles')

Similar Messages

Maybe you are looking for