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
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.
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?
Hi Jon, I've posted the email as a landing page in my email platform. This is the url: http://pages.myficomail.myfico.com/html-issue/
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.
Hi Jon,
I definately delete all the code that comes with the new doc. Can you edit this document in "design" view a.k.a. WYSIWYG? If so, Please let me know what version you are on. I'm on CS6, version 12.0 and I cannot edit in design view.
Also, Ken points out that an email client is not a browser. I do know that
How it renders in browsers is not that relevant so ignore that comment by me. I just can't edit it in design view. That is my problem.
thanks!!!
Sandi
North America
Europe, Middle East and Africa
Asia Pacific