Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
"Outlook Full-Width Table Cell VML Background Quirks" on Litmus
<!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">
<title>Central College Nottingham</title>
<link rel="icon" type="image/x-icon" href="http://media.centralnottingham.ac.uk/favicon.ico"/>
<style>
@media screen and (max-width:600px) {
.ccn-mobile-hide { display:none !important; }
.ccn-logo { width:auto !important; height:auto !important; padding:20px; }
.ccn-logo-img { width:170px !important; height:auto !important; }
.ccn-mobile-width-auto { width:auto !important; }
.ccn-mobile-height-auto { height:auto !important; background:none !important; border:none !important; }
.ccn-mobile-width-100pc { width:100% !important; }
}
</style>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
<body style="Margin:0; padding:0; background:#f5f5f5;">
<table border="0" cellpadding="0" cellspacing="0" style="width:100%;" role="presentation">
<tr>
<td height="38" bgcolor="#2d3d4a"></td>
<td width="235" rowspan="3" style="vertical-align:top;" class="ccn-mobile-width-auto">
<table border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td width="235" height="115" bgcolor="#de007b" class="ccn-logo" style="text-align:center; vertical-align:middle;"><a href="https://www.centralnottingham.ac.uk" target="_blank" title="Visit the Central College Nottingham website"><img class="ccn-logo-img" src="http://i.emlfiles.com/cmpimg/5/8/9/2/2/1/files/752816_centrallogowhite.jpg" width="195" height="56" alt="Central College Nottingham" border="0" style="display:block; Margin:0 auto; color:#fff; font:23px/26px sans-serif;" /></td>
</tr>
</table>
</td>
<td width="365" bgcolor="#2d3d4a" style="vertical-align:middle; text-align:right;" class="ccn-mobile-width-100pc">
<a class="ccn-mobile-hide" href="http://$CANTREAD$" target="_blank" style="text-decoration:underline; color:#f5f5f5; font:13px/15px sans-serif; letter-spacing:1px; padding-right:5px;">View web version</a>
</td>
<td bgcolor="#2d3d4a"></td>
</tr>
<tr>
<td bgcolor="#ffffff" style="border-bottom:1px solid #e9e9e9;"></td>
<td height="66" colspan="2" bgcolor="#ffffff" style="border-bottom:1px solid #e9e9e9;" class="ccn-mobile-height-auto"></td>
</tr>
<tr>
<td bgcolor="#f5f5f5"></td>
<td height="10" colspan="2" bgcolor="#f5f5f5" class="ccn-mobile-height-auto"></td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.