Highlighted

Unable to see anything in view mode

New Here ,
Sep 07, 2020

Copy link to clipboard

Copied

Using Dreamweaver 20.2 build 15263.

With some html files that my web designer is making in her Dreamweaver, I can only view in live mode. I can only see the footer. Thus, I cannot edit them properly. Any ideas? This issue only happens with SOME files, not others. Most files, I can view and edit in view mode. Any help would be greatly appreciated.

 

 

TOPICS
How to, Preview, Product issue

Views

68

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Unable to see anything in view mode

New Here ,
Sep 07, 2020

Copy link to clipboard

Copied

Using Dreamweaver 20.2 build 15263.

With some html files that my web designer is making in her Dreamweaver, I can only view in live mode. I can only see the footer. Thus, I cannot edit them properly. Any ideas? This issue only happens with SOME files, not others. Most files, I can view and edit in view mode. Any help would be greatly appreciated.

 

 

TOPICS
How to, Preview, Product issue

Views

69

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 07, 2020 0
Adobe Community Professional ,
Sep 07, 2020

Copy link to clipboard

Copied

This is likely happening because your site is dynamic and requires a server to process the information. In this case you would need to setup and configure a testing server so you can preview the site in Live View. Not having much information about your site, I would contact your web designer to understand what type of site they developed for you so that you can configure the proper local testing server so you can update your site in live view if you wish to do this.

 

https://helpx.adobe.com/dreamweaver/user-guide.html/dreamweaver/using/set-testing-server.ug.html

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 07, 2020 0
New Here ,
Sep 08, 2020

Copy link to clipboard

Copied

Thank you! I don't think that is the issue. Could I possibly send you a quick video of what I see and the two files directly so you can give additional feedback?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 08, 2020 0
Adobe Community Professional ,
Sep 08, 2020

Copy link to clipboard

Copied

Even some screenshots posted should do.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 08, 2020 0
Adobe Community Professional ,
Sep 07, 2020

Copy link to clipboard

Copied

There's nothing wrong with using Live View.  Design view is not accurate.  At best, it's an approximation of what your site would look like in older browsers. Live View is more like real browsers.

 

I'm surprised your developer didn't provide you with a content management system to use.  Allowing clients to edit core site files is usually a recipe for disaster.

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 07, 2020 0
Adobe Community Professional ,
Sep 08, 2020

Copy link to clipboard

Copied

If server-side includes aren't the issue, verify you are working with valid, error free code, especially in those pages that don't show correctly. Something as simple as a missing </title> tag can ruin your day when it comes to working with DW.

Over the years, DW has become more dependent on clean and valid code in order for its features to function correctly.

Run the validator at http://validator.w3.org/nu and clean out any errors found, it could bring back the display so you can edit again.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 08, 2020 0
New Here ,
Sep 08, 2020

Copy link to clipboard

Copied

Hello, thank you guys for commenting so far.  I am the web developer in question here. 

 

This is not a web page.  It's an HTML email.  They are coded differently using, basically, XHTML 1.0 transitional but I use the HTML5 doc type these days.

 

Anyway, this client has been editing these HTML emails in DW for years.  I have no idea how he ended up using it as a WYSIWYG editor, but that is what he is comfortable with.

 

This particular email is coded the same way I have been coding them for years, based on a Litmus template.  It mails fine, displays properly in all the browsers, and up until a couple of days ago, he could edit it in the Design View panel and has done so almost every single day.

I could not see what he saw until I upgraded my DW to the latest version today.  And he is right, only one small portion at the bottom is showing in the Design View. 

 

So I spent hours, and I mean ALL DAY today, going through this code looking for errors, trying to optimize the code, trying to pull out sections one-by-one to see if any of them was causing this issue.   I have poured through EVERY line of code, tried various doc types, and basically re-coded the entire thing.  Nothing is making this show up in the design panel again like it was just the other day.  I even tried reverting to an earlier version of DW and no luck there either.  I actually cleaned it up so much that it wasn't XHTML anymore and did not display properly in any of the email clients anymore.  So I am at a loss.

 

Now I have been doing this for 20 years and would consider myself an expert in this field.  So, I need to know what other options besides a coding issue could be causing this.  It's just not the code. I"m a hand-coder.  I don't even use DW unless it's to check issues like this for this specific client.  And there have been many over the past couple of years.  So does anyone know what could cause this? Any ideas how to fix it?   I am out of ideas and am about to start investigating WYSIWYG editors to recommend to replace DW for him.  It's about the only thing left I can do if we can't figure out what is going on with this software.  And he is not going to like it.  He loves DW so I'd really like to make it editable again for him in this software.

Thank you guys in advance for ANY ideas you can offer. 

 

 

 

 

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 08, 2020 0
Adobe Community Professional ,
Sep 09, 2020

Copy link to clipboard

Copied

The OP said it only happens in Design view, not Live view.  What's precluding him from using Live View to edit e-mail text? The OP also said it only occurs with some files, not all files.  So what's different about the non-working files?

 

I have tested this e-mail in multiple devices and it works fine for me in DW 20.1 -- Live as well as Design view, albeit with many warnings.  Can you see this one in your version of DW?

 

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width">
<!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting">
<!-- Disable auto-scale in iOS 10 Mail entirely -->
<title></title>
<!-- The title tag shows in email notifications, like Android 4.4. -->

<!-- Web Font / @font-face : BEGIN -->
<!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. -->

<!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. -->
<!--[if mso]>
<style>
* {
font-family: sans-serif !important;
 }
</style>
<![endif]-->
<!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ -->
<!--[if !mso]><!-->
<!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> -->
<!--<![endif]-->

<!-- Web Font / @font-face : END -->

<!-- CSS Reset : BEGIN -->
<style>
/* What it does: Remove spaces around the email design added by some email clients. */
 /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
html, body {
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
/* What it does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] { margin: 0 !important; }
/* What it does: Stops Outlook from adding extra spacing to tables. */
table, td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;
}
table table table { table-layout: auto; }
/* What it does: Prevents Windows 10 Mail from underlining links despite inline CSS. Styles for underlined links should be inline. */
a { text-decoration: none; }
/* What it does: Uses a better rendering method when resizing images in IE. */
img { -ms-interpolation-mode: bicubic; }
/* What it does: A work-around for email clients meddling in triggered links. */
*[x-apple-data-detectors],  /* iOS */ .unstyle-auto-detected-links *, .aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* What it does: Prevents Gmail from changing the text color in conversation threads. */
.im { color: inherit !important; }
/* What it does: Prevents Gmail from displaying a download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img + div { display: none !important; }

/* What it does: Removes right gutter in Gmail iOS app: https://github.com/TedGoas/Cerberus/issues/89  */
 /* Create one of these media queries for each additional viewport size you'd like to fix */
/* iPhone 4, 4S, 5, 5S, 5C, and 5SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
u ~ div .email-container { min-width: 320px !important; }
}

/* iPhone 6, 6S, 7, 8, and X */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
u ~ div .email-container { min-width: 375px !important; }
}

/* iPhone 6+, 7+, and 8+ */
@media only screen and (min-device-width: 414px) {
u ~ div .email-container { min-width: 414px !important; }
}
</style>
<!-- CSS Reset : END -->
<!-- Reset list spacing because Outlook ignores much of our inline CSS. -->
<!--[if mso]>
	<style type="text/css">
		ul,
		ol {
			margin: 0 !important;
		}
		li {
			margin-left: 30px !important;
		}
		li.list-item-first {
			margin-top: 0 !important;
		}
		li.list-item-last {
			margin-bottom: 10px !important;
		}
	</style>
	<![endif]-->

<!-- Progressive Enhancements : BEGIN -->
<style>
/* What it does: Hover styles for buttons */
.button-td, .button-a { transition: all 100ms ease-in; }
.button-td-primary:hover, .button-a-primary:hover {
background: #555555 !important;
border-color: #555555 !important;
}

/* Media Queries */
@media screen and (max-width: 600px) {
.email-container {
width: 100% !important;
margin: auto !important;
}
/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
.fluid {
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column-center {
display: block !important;
width: 100% !important;
max-width: 100% !important;
direction: ltr !important;
}
/* And center justify these ones. */
.stack-column-center { text-align: center !important; }
/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {
text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
table.center-on-narrow { display: inline-block !important; }
/* What it does: Adjust typography on small screens to improve readability */
.email-container p { font-size: 17px !important; }
}
</style>
<!-- Progressive Enhancements : END -->

<!-- What it does: Makes background images in 72ppi Outlook render at correct size. -->
<!--[if gte mso 9]>
    <xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
<!--
	The email background color (#222222) is defined in three places:
	1. body tag: for most email clients
	2. center tag: for Gmail and Inbox mobile apps and web versions of Gmail, GSuite, Inbox, Yahoo, AOL, Libero, Comcast, freenet, Mail.ru, Orange.fr
	3. mso conditional: For Windows 10 Mail
-->
<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #222222;">
<center style="width: 100%; background-color: #222222;">
<!--[if mso | IE]>
 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #222222;">
<tr>
<td>
<![endif]--> 

<!-- Visually Hidden Preheader Text : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;"> (Optional) This text will appear in the inbox preview, but not the email body. It can be used to supplement the email subject line or even summarize the email's contents. Extended text preheaders (~490 characters) seems like a better UX for anyone using a screenreader or voice-command apps like Siri to dictate the contents of an email. If this text is not included, email clients will automatically populate it using the text (including image alt text) at the start of the email's body. </div>
<!-- Visually Hidden Preheader Text : END --> 

<!-- Create white space after the desired preview text so email clients don’t pull other distracting text into the inbox preview. Extend as necessary. --> 
<!-- Preview Text Spacing Hack : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;"> &zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp; </div>
<!-- Preview Text Spacing Hack : END --> 

<!-- Email Body : BEGIN -->
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="margin: 0 auto;" class="email-container">
<!-- Email Header : BEGIN -->
<tr>
<td style="padding: 20px 0; text-align: center"><img src="https://via.placeholder.com/200x50" width="200" height="50" alt="alt_text" border="0" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
<!-- Email Header : END --> 

<!-- Hero Image, Flush : BEGIN -->
<tr>
<td style="background-color: #ffffff;"><img src="https://via.placeholder.com/1200x600" width="600" height="" alt="alt_text" border="0" style="width: 100%; max-width: 600px; height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555; margin: auto;" class="g-img"></td>
</tr>
<!-- Hero Image, Flush : END --> 

<!-- 1 Column Text + Button : BEGIN -->
<tr>
<td style="background-color: #ffffff;"><table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;"><h1 style="margin: 0 0 10px; font-size: 25px; line-height: 30px; color: #333333; font-weight: normal;">Praesent laoreet malesuada&nbsp;cursus.</h1>
<p style="margin: 0 0 10px;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium lobortis rhoncus ut&nbsp;erat.</p>
<ul style="padding: 0; margin: 0; list-style-type: disc;">
<li style="margin:0 0 10px 20px;" class="list-item-first">A list item.</li>
<li style="margin:0 0 10px 20px;">Another list item here.</li>
<li style="margin: 0 0 0 20px;" class="list-item-last">Everyone gets a list item, list items for everyone!</li>
</ul></td>
</tr>
<tr>
<td style="padding: 0 20px 20px;"><!-- Button : BEGIN -->

<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: auto;">
<tr>
<td class="button-td button-td-primary" style="border-radius: 4px; background: #222222;"><a class="button-a button-a-primary" href="https://google.com/" style="background: #222222; border: 1px solid #000000; font-family: sans-serif; font-size: 15px; line-height: 15px; text-decoration: none; padding: 13px 17px; color: #ffffff; display: block; border-radius: 4px;">Centered Primary Button</a></td>
</tr>
</table>

<!-- Button : END --></td>
</tr>
</table></td>
</tr>
<!-- 1 Column Text + Button : END --> 

<!-- Background Image with Text : BEGIN -->
<tr> 
<!-- Bulletproof Background Images c/o https://backgrounds.cm -->
<td valign="middle" style="text-align: center; background-image: url('https://via.placeholder.com/600x230/222222/666666'); background-color: #222222; background-position: center center !important; background-size: cover !important;"><!--[if gte mso 9]>
 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:175px; background-position: center center !important;">
 <v:fill type="tile" src="https://via.placeholder.com/600x230/222222/666666" color="#222222" />
 <v:textbox inset="0,0,0,0">
<![endif]-->

<div>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="middle" style="text-align: center; padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;"><p style="margin: 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium lobortis rhoncus ut&nbsp;erat.</p></td>
</tr>
</table>
</div>

<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]--></td>
</tr>
<!-- Background Image with Text : END --> 

<!-- 2 Even Columns : BEGIN -->
<tr>
<td valign="top" style="padding: 10px; background-color: #ffffff;"><table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr> 
<!-- Column : BEGIN -->
<td class="stack-column-center"><table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 10px; text-align: center"><img src="https://via.placeholder.com/270" width="270" height="270" alt="alt_text" border="0" class="fluid" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><p style="margin: 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></td>
</tr>
</table></td>
<!-- Column : END --> 
<!-- Column : BEGIN -->
<td class="stack-column-center"><table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 10px; text-align: center"><img src="https://via.placeholder.com/270" width="270" height="270" alt="alt_text" border="0" class="fluid" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><p style="margin: 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></td>
</tr>
</table></td>
<!-- Column : END --> 
</tr>
</table></td>
</tr>
<!-- 2 Even Columns : END --> 

<!-- 3 Even Columns : BEGIN -->
<tr>
<td valign="top" style="padding: 10px; background-color: #ffffff;"><table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr> 
<!-- Column : BEGIN -->
<td width="33.33%" class="stack-column-center"><table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="padding: 10px; text-align: center"><img src="https://via.placeholder.com/170" width="170" height="170" alt="alt_text" border="0" class="fluid" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><p style="margin: 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></td>
</tr>
</table></td>
<!-- Column : END --> 
<!-- Column : BEGIN -->
<td width="33.33%" class="stack-column-center"><table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="padding: 10px; text-align: center"><img src="https://via.placeholder.com/170" width="170" height="170" alt="alt_text" border="0" class="fluid" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><p style="margin: 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></td>
</tr>
</table></td>
<!-- Column : END --> 
<!-- Column : BEGIN -->
<td width="33.33%" class="stack-column-center"><table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="padding: 10px; text-align: center"><img src="https://via.placeholder.com/170" width="170" height="170" alt="alt_text" border="0" class="fluid" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
<tr>
<td style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;" class="center-on-narrow"><p style="margin: 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p></td>
</tr>
</table></td>
<!-- Column : END --> 
</tr>
</table></td>
</tr>
<!-- 3 Even Columns : END --> 

<!-- Thumbnail Left, Text Right : BEGIN -->
<tr>
<td dir="ltr" valign="top" width="100%" style="padding: 10px; background-color: #ffffff;"><table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr> 
<!-- Column : BEGIN -->
<td width="33.33%" class="stack-column-center"><table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="padding: 0 10px;"><img src="https://via.placeholder.com/170" width="170" height="170" alt="alt_text" border="0" class="center-on-narrow" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
</table></td>
<!-- Column : END --> 
<!-- Column : BEGIN -->
<td width="66.66%" class="stack-column-center"><table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 10px; text-align: left;" class="center-on-narrow"><h2 style="margin: 0 0 10px 0; font-family: sans-serif; font-size: 18px; line-height: 22px; color: #333333; font-weight: bold;">Class aptent taciti sociosqu</h2>
<p style="margin: 0 0 10px 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>

<!-- Button : BEGIN -->

<table role="presentation" cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="float:left;">
<tr>
<td class="button-td button-td-primary" style="border-radius: 4px; background: #222222;"><a class="button-a button-a-primary" href="https://google.com/" style="background: #222222; border: 1px solid #000000; font-family: sans-serif; font-size: 15px; line-height: 15px; text-decoration: none; padding: 13px 17px; color: #ffffff; display: block; border-radius: 4px;">Primary Button</a></td>
</tr>
</table>

<!-- Button : END --></td>
</tr>
</table></td>
<!-- Column : END --> 
</tr>
</table></td>
</tr>
<!-- Thumbnail Left, Text Right : END --> 

<!-- Thumbnail Right, Text Left : BEGIN -->
<tr>
<td dir="rtl" valign="top" width="100%" style="padding: 10px; background-color: #ffffff;"><table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr> 
<!-- Column : BEGIN -->
<td width="33.33%" class="stack-column-center"><table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="padding: 0 10px;"><img src="https://via.placeholder.com/170" width="170" height="170" alt="alt_text" border="0" class="center-on-narrow" style="height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;"></td>
</tr>
</table></td>
<!-- Column : END --> 
<!-- Column : BEGIN -->
<td width="66.66%" class="stack-column-center"><table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td dir="ltr" valign="top" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; padding: 10px; text-align: left;" class="center-on-narrow"><h2 style="margin: 0 0 10px 0; font-family: sans-serif; font-size: 18px; line-height: 22px; color: #333333; font-weight: bold;">Class aptent taciti sociosqu</h2>
<p style="margin: 0 0 10px 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>

<!-- Button : BEGIN -->

<table role="presentation" cellspacing="0" cellpadding="0" border="0" class="center-on-narrow" style="float:left;">
<tr>
<td class="button-td button-td-primary" style="border-radius: 4px; background: #222222;"><a class="button-a button-a-primary" href="https://google.com/" style="background: #222222; border: 1px solid #000000; font-family: sans-serif; font-size: 15px; line-height: 15px; text-decoration: none; padding: 13px 17px; color: #ffffff; display: block; border-radius: 4px;">Primary Button</a></td>
</tr>
</table>

<!-- Button : END --></td>
</tr>
</table></td>
<!-- Column : END --> 
</tr>
</table></td>
</tr>
<!-- Thumbnail Right, Text Left : END --> 

<!-- Clear Spacer : BEGIN -->
<tr>
<td aria-hidden="true" height="40" style="font-size: 0px; line-height: 0px;">&nbsp;</td>
</tr>
<!-- Clear Spacer : END --> 

<!-- 1 Column Text : BEGIN -->
<tr>
<td style="background-color: #ffffff;"><table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 20px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;"> Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium lobortis rhoncus ut&nbsp;erat. </td>
</tr>
</table></td>
</tr>
<!-- 1 Column Text : END -->

</table>
<!-- Email Body : END --> 

<!-- Email Footer : BEGIN -->
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" style="margin: 0 auto;" class="email-container">
<tr>
<td style="padding: 20px; font-family: sans-serif; font-size: 12px; line-height: 15px; text-align: center; color: #888888;">
<!--LINK TO WEB PAGE VERSION ONLINE-->
<webversion><a style="color: #cccccc; text-decoration: underline; font-weight: bold;" href="https://example.com">View as a Web Page</a></webversion>
<br>
<br>
Company Name<br>
<span class="unstyle-auto-detected-links">123 Fake Street, SpringField, OR, 97477 US<br>
(123) 456-7890</span> <br>
<br>
<unsubscribe style="color: #888888; text-decoration: underline;">unsubscribe</unsubscribe></td>
</tr>
</table>
<!-- Email Footer : END --> 

<!-- Full Bleed Background Section : BEGIN -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="background-color: #709f2b;">
<tr>
<td valign="top"><div align="center" style="max-width: 600px; margin: auto;" class="email-container"> 
<!--[if mso]>
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" align="center">
<tr>
<td>
<![endif]-->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 20px; text-align: left; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff;"><p style="margin: 0;">Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium lobortis rhoncus ut&nbsp;erat.</p></td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]--> 
</div></td>
</tr>
</table>
<!-- Full Bleed Background Section : END --> 
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</center>
</body>
</html>

 

 

 

 

 

 

 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 09, 2020 0