Skip navigation
scottkohl
Currently Being Moderated

Can't edit or view document in design view

Aug 28, 2012 12:47 PM

Tags: #dreamweaver

Hi, I have an html doc I've pasted into dreamweaver. It renders fine in browsers and in the "live" view in dreamweaver, but all I see in design view is a yellow highlighted </td> tag. I cannot view or edit the document. Is is an issue with the html code or style sheets? I deleted this code and it still didn't show up in design view:

<style type="text/css" media="screen">

     body, p{margin:0; padding:0; margin-bottom:0; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;} img{line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} a img{border: none;} #backgroundTable {margin:0; padding:0; width:100% !important; } a, a:link{color:#EB732E; text-decoration: underline;} .ExternalClass {display: block !important; width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } table td {border-collapse:collapse;} sup{position: relative; top: 4px; line-height:7px !important;font-size:11px !important;} a[href^="tel"], a[href^="sms"] {text-decoration: none; color: #cfcfcf; /* set text color */ pointer-events: none; cursor: default;} .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default; color: #cfcfcf !important; /* set link color */ pointer-events: auto; cursor: default;} .no-detect a{text-decoration: none; color: #cfcfcf; /* set text color */ pointer-events: auto; cursor: default;} .hide {display: none !important;} span {color: inherit; border-bottom: none;} span:hover { background-color: transparent; } .ExternalClass img[class^=Emoji] { width: 12px !important; height: 12px !important; display: inline !important; } .ExternalClass sup img[class^=Emoji] { width: 10px !important; height: 10px !important; vertical-align: super; display: inline !important; } 

</style>

 

Any help greatly appreciated.

thanks,

SSL

 
Replies
  • Currently Being Moderated
    Aug 28, 2012 1:15 PM   in reply to scottkohl

    Use the code validation tools below & fix reported errors.

     

    Code Validation Tools

    ------------------------------------

    CSS - http://jigsaw.w3.org/css-validator/

    HTML - http://validator.w3.org/

     

    Also, ensure your paths to supporting files (CSS, Scripts & images) are all correct and pointing to your site folder.

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 28, 2012 2:01 PM   in reply to scottkohl

    The code you deleted is just CSS style info and won't affect the actual HTML mark-up of the page, other than to style it.

     

    If you are seeing a yellow /td (and nothing else) I would suspect a good portion of the HTML code got dragged into a table tag and DW doesn't know what to do about it.

     

    You don't happen to have the page uploaded somewhere that we could take a look at all of it's code do you?

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 28, 2012 2:02 PM   in reply to scottkohl

    Nothing obvious but it's hard to tell with the way the CSS code has been mangled with no line breaks.

     

    Also we need to see the entire page code, in addition to the CSS snippet posted above.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 28, 2012 2:56 PM   in reply to scottkohl

    There are some errors in the HTML, but nothing to write home about when you run it through http://validator.w3.org/

     

    I also downloaded the entire page, images and all using Firefox's ScrapBook Plus. I opened the page in DW and everything looks as expected.

     

    If you are pasting the entire source code of this page into a new document in DW, make sure you first delete all of the code that comes with the new document. If not, you would have duplicate html, head and body tags and DW doesn't like that. Some browsers will ignore extra instances of those tags, some won't.

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 28, 2012 2:59 PM   in reply to scottkohl

    Hi Scott -

     

    Appears OK in Firefox, however, it's appearance in email clients is what counts.

    An email client is NOT a browser.

     

    If you have an Outlook or Outlook Express client available to you, just put a copy of your HTML page inj your "stationery" folder and send yourselt a test message.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points