8 Replies Latest reply on Jun 10, 2010 4:46 AM by BillCMartin

    Dreamweaver CS4 display issue

    0mr0nguru

      Hi all

      I have a really weird problem and it only seems to affect certain pages I create but when I go into design view when looking to edit a page, some of the page doesn't display within DW, if I click in the area and go to split view I can see the relevant text showing in the code view or the link to an image if that is what is clicked on.

      The only way I can resolve this is to goto the view menu and choose not to display styles under style rendering, then of course I do not see the page as it will look in a browser but I can then edit, insert or remove text which when I then check to display in a browser works fine with all css applied.

      These pages in the main were created in DW CS3 so not sure if that is the issue but I just cannot seem to resolve the issue so any advice or ideas would be much appreciated.

      Cheers

      Omron

        • 1. Re: Dreamweaver CS4 display issue
          bregent Most Valuable Participant

          Sounds like a code error. Can you post the code or a url for the page?


          • 2. Re: Dreamweaver CS4 display issue
            0mr0nguru Level 1

            Thanks for the reply Bregent, the interesting thing is it displays perfectly well in IE, Firefox and Chrome so not sure it is a code error however here is the code:

             

             

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
            <html>
            <head>
            <!--[Elements (Theme);Default;Theme Colour 1;15834538;themecolour1;Bullet highlight;327424;themecolour2;Sub-Heading Text;427505;themecolour5;Background Color;16777215;themecolour6;Button Text(over);15469341;themecolour7;Button Text;15078153;themecolour8;Heading & Logo Text;263406;themecolour9] -->
            <!-- Template design (c) Xara Ltd 2003 -->
            <title>CCC Members Page</title>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
            <meta name="generator" content="Xara Webstyle 4. See  xara.com/webstyle"/>
            <style type="text/css">
            <!--
            table {
                font: 9pt "trebuchet ms", arial, sans-serif
            }
            body {
                color: #000000;/*themecolour6%0;*/
                background-color: #ffffff;/*themecolour6;*/
                background-image:   url(CCCmembers_page_files/Elements_page4_topstrip.gif);
                background-repeat: repeat-x;
                font-family: "trebuchet ms", Arial, sans-serif;
                font-size: 9pt;
            }
            p {
                margin-top: 0px;
                margin-bottom: 0px;
                }
                blockquote {
                margin-top: 0px;
                margin-bottom: 0px;
                color: #000000
                margin-right: 0px;
            }
            ol {
                margin-top: 0px;
                margin-bottom: 0px;
                olor: #000000
            }
            #header {
                position: absolute;
                height: auto;
                width: auto;
                left: -1px;
                top: 1px;
                visibility: visible;
            }

             

            #logo {
                position: absolute;
                height: auto;
                width: auto;
                left: 15px;
                top: 165px;
            }

             

            #hnavigation {
                position: absolute;
                height: auto;
                left: 20px;
                top: 129px;
                z-index: 5;
                background-color: #aa9df1;/*themecolour1;*/
            }

             

            #vnavigation {
                position: absolute;
                height: auto;
                width: auto;
                left: 20px;
                top: 320px;
            }

             

            .imageborder {
                border-left-width: 1px;
                border-left-style: solid;
                border-left-color: #FFFFFF;
            }

             

            }
            #imagebar {
                position: absolute;
                height: auto;
                width: auto;
                right: 60px;
                top: 25px;
                z-index: 6;
            }
            .imagebox {
                border: 1px solid #FFFFFF;
            }

             

            #content {
                position: absolute;
                height: auto;
                width: auto;
                left: 190px;
                top: 156px;
                right: 15px;
            }
            #content ul {
                color: #000000;/*themecolour6%0;*/
                margin-top: 0px; margin-bottom: 0px;
                list-style-image: url(Elements_page4_files/Elements_page4_bullet.gif);
            }
            #rightcolumn ul {
                color: #000000;/*themecolour6%0;*/
                margin-top: 0px;
                margin-bottom: 0px;
                margin-left: 13px;
                list-style-image: url(Elements_page4_files/Elements_page4_bullitt.gif);
            }
            #leftcolumn ul {
                color: #000000;/*themecolour6%0;*/
                margin-top: 0px;
                margin-bottom: 0px;
                margin-left: 13px;
                list-style-image: url(Elements_page4_files/Elements_page4_bullitt.gif);
            }
            h1 {
                font-size: 16px;
                color: #f18506;/*themecolour5;*/
                margin-top: 0px;
                margin-bottom: 3px;
            }
            h2 {
                font-size: 16px;
                color: #000000;/*themecolour6%0;*/
                margin-top: 0px;
                margin-bottom: 3px;
            }
            #content a:link {
                color: #f18506;/*themecolour5;*/
                font-weight: bold;
                text-decoration: none;
            }
            #content a:visited {
                color: #6666CC;
            }
            #content a:link:hover {
                color: #aa9df1;/*themecolour1;*/
            }
            #leftcolumn a:link {
                color: #f18506;/*themecolour5;*/
            }
            #leftcolumn a:visited {
                color: #999999;
            }
            #leftcolumn a:link:hover {
                color: #aa9df1;/*themecolour1;*/
            }
            .leftcoltext {
                padding: 10px 20px 10px 10px;
            }
            #rightcolumn a:link {
                color: #f18506;/*themecolour5;*/
            }
            #rightcolumn a:visited {
                color: #999999;
            }
            #rightcolumn a:link:hover {
                color: #aa9df1;/*themecolour1;*/
            }
            .leftcoltext {
                padding: 10px 20px 10px 10px;
            }
            .rightcoltext {
                padding: 10px;
                color: #666666;
                background-color:   #f5f3ff;/*themecolour1$ 86.1%, 100%;*/
                border: 1px solid #aa9df1;/*themecolour1;*/
            }
            #leftcolumn {
                position: absolute;
                left: -7px;
                top: 320px;
                width: 157px;
                color: #333333;
                background-color: #eeebfc;/*themecolour1%180;*/
                background-color:   #efecff;/*themecolour1$ 78.5%, 100%;*/
                padding: 10px;
                border: 1px solid #aa9df1;/*themecolour1;*/
            }
            .parahead {
                font-size: 13px;
                font-weight: bold;
                color: #ee0404;/*themecolour9;*/
            }

             


              <p>By Christian Bloch</p>
              <p>I list this book here as very indepth technical resource on creating High Dynamic Range Images which was discussed at the recent Digital Session. </p>
              <p>The book is published by RockyNook.</p>
              <p><strong>Life In The Wild</strong></p>
              <p><strong>A photographers year</strong></p>
              <p>By Andy Rouse</p>
              <p align="justify">Some wonderful Natural History shots. Includes advice on equipment and locations with a dash of Andy's anecdotal style of writing. </p>
              <p><strong>The Series of Photoshop  for Digital Photographers</strong></p>
              <p>By Scott Kelby</p>
              <p align="justify">There are a series of these books available for the various flavours of Photoshop including the new CS3 version and Elements 6.</p>
              <p align="justify">They are straight forward easy to follow workbooks and even better in them Scott gives a link to a website where the images used can be downloaded for you to practice on.   </p>
              <p align="justify"> </p>
              <p align="justify" class="parahead">Tech Tips: <span class="style15">(NEW)</span></p>
              <p align="justify">In this section I will give links to relevant tips which may help with various pc issues you may have, if you have anything you wish to know <a href="mailto:stuart@stuartlawrieimages.co.uk">Email me</a> to see if I can find a resolve which I will post here for all members.</p>
              <p align="justify">Just recently Microsoft have been downloading an install nag screen which suggests your copy of Windows is not genuine, this maybe because yours isn't be equally so I know of several users who have genuine copies but still get the nag screen, this maybe because at some point their Serial Number has been cloned. Anyhow to get rid of this nag screen follow the <a href="DisableGenuine.htm">Link Here</a> </p>
              <p align="justify"> </p>
              <p align="justify"> </p>
            </div>
            <div id="header"> </div>
            <p><img src="CCCmembers_page_files/Elements_page4_heading.jpg" alt="" width="569" height="130" border="0" editor="Webstyle4" moduleid="Default (Project)\Elements_page4_heading.xws" /></p>
            <p><span class="style50"><span class="style51">Page Last Updated 11th April</span></span><span class="style50"><span class="style51"> 2010</span></span> <img src="images/spacer.gif" width="1" height="1">
              <img src="images/spacer20px.gif" width="20" height="1"><img src="images/spacer20px.gif" width="20" height="1">
              <script type="text/javascript">
            AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','100','height','22','align','middle','title','SIG','src','button14','quality','high','p luginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shockwav eFlash','bgcolor','','movie','button14' ); //end AC code
              </script>
              <noscript>
              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22" align="middle" title="SIG">
                <param name="BGCOLOR" value="">
                <param name="movie" value="button14.swf">
                <param name="quality" value="high">
                <embed src="button14.swf" width="100" height="22" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed>
              </object>
              </noscript>
              <img src="images/spacer20px.gif" width="20" height="1">
              <script type="text/javascript">
            AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','100','height','22','align','middle','src','button15','quality','high','pluginspage','h ttp://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcol or','','movie','button15' ); //end AC code
            </script><noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22" align="middle">
              <param name="BGCOLOR" value="">
              <param name="movie" value="button15.swf">
              <param name="quality" value="high">
              <embed src="button15.swf" width="100" height="22" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed>
            </object>
            </noscript>
            </p>
            </body>
            </html>

            • 3. Re: Dreamweaver CS4 display issue
              bregent Most Valuable Participant

              You're missing an opening body tag and a closing style tag. Possibly lots of other problems too. Fix those and run through validation and see what else pops up.

              • 4. Re: Dreamweaver CS4 display issue
                0mr0nguru Level 1

                Hi have done as you suggest and whilst it pulled up lots of minor nag errors it mentions nothing about any missing body or style tags, just things like no alt text for images and such like.

                I would have thought that with missing body tags the page would not display correctly on the web either which it does so I still wonder if there is some setting in Dreamweaver which turns off this particular frame display especially as all the data is there when I turn off the styles.

                Cheers

                • 5. Re: Dreamweaver CS4 display issue
                  bregent Most Valuable Participant

                  >I would have thought that with missing body tags the page

                  >would not  display correctly on the web either which it does

                  >so I still wonder if  there is some setting in Dreamweaver which

                  >turns off this particular  frame display especially as all the data

                  >is there when I turn off the  styles.

                   

                   

                  Nope. All browsers render invalid html differently. DW is usually much pickier than browsers when it comes to invalid html. Did you try adding the missing tags back in?

                  • 6. Re: Dreamweaver CS4 display issue
                    0mr0nguru Level 1

                    I couldn't find them, I ran code validation and as I said it didn't pick them up either. I also have viewed the page in IE7 & 8, Firefox and Chrome and all display perfectly.

                    Sorry to be a pain, I am fairly new to this and am not really a code person as you can see the page was initially generated with Xara then imported into DW and minor edits done there. What is peculiar is the fact that if I run the code on my other machine which has DW CS3 then DW displays fine so based on what you are suggesting it sounds like CS4 is being even pickier.

                    • 7. Re: Dreamweaver CS4 display issue
                      bregent Most Valuable Participant

                      The closing style tag goes right after the end of the css style definitions. The body tag goes right after that. Like this:

                       

                       

                         font-size: 13px;
                          font-weight: bold;
                           color: #ee0404;/*themecolour9;*/
                      }

                       

                       

                      </style>

                       

                      <body>

                       

                        <p>By Christian  Bloch</p>

                       

                        <p>I list this book here as very indepth  technical resource on creating High

                      • 8. Re: Dreamweaver CS4 display issue
                        BillCMartin

                        I've had the same problem since upgrading to Mac OS X 10.6 (Snow leopard) last year. DW CS4 displayed fine in OS X 10.5. Since then any text with styles or coding attached is now invisible in Design view, while the code and text displays perfectly well in Split or Code view.

                         

                        Photoshop CS4 works fine and no other programs seem affected.

                         

                        I have contacted Adobe and Apple several times about this but neither seems to be bothered about the fact that the product now doesn't work properly.

                         

                        Having said all this, I can still prep pages using Split view. I can get a reasonable sense of what it might look like, having first had to hand code everything. I then have to check lots of times via File/Preview in Browser as this is now the only way to see what the page will actually look like. It's a pain but it's a workaround.

                         

                        The resulting pages all display correctly in various browsers (not Opera, of course!!) as you can see in my company education site at www.yamahamusiceducation.co.uk - it's just that the tediously slow work routine that I'm now forced to adopt is driving me mad. I liked the way that DW worked (when it was working properly) but I'm considering trying to find a different program that I can rely on. I certainly won't upgrade to CS5 until I can be certain I'll get a program that actually works properly with OS X 10.6(.3)

                         

                        Good luck!