What's new
HTML Forums | An HTML and CSS Coding Community

Welcome to HTMLForums; home of web development discussion! Please sign in or register your free account to get involved. Once registered you will be able to connect with other members, send and receive private messages, reply to topics and create your very own. Our registration process is hassle-free and takes no time at all!

Does anyone know why my social media bar background is not being applied when sent in the test email (outlook)

Lulu

New member
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Race to Automate: How AI-Powered Automation Unlocks Value</title>
<style type="text/css">
body {
Margin: 0;
padding: 0;
background-color: #f6f9fc;
}
table {
border-spacing: 0;
}





img {
border: 0;
}

.wrapper{
width: 100%;
table-layout: fixed;
background-color: #f6f9fc;
padding-bottom: 40px;
}

.webkit {
max-width: 600px;
background-color: #ffffff;
}

.outer{
Margin: 0 auto;
width: 100%;
max-width: 600px;
border-spacing: 0;
font-family: sans-serif;
color: #4a4a4a;
}


.three-columns .content{
font-size: 15px;
line-height: 24px;
padding: 0px 40px 20px 40px;
background: #ffffff;
}


@media screen and (max-width: 600px) {
}
@media screen and (max-width: 400px) {
}
</style>
</head>
<body>
<center class="wrapper">
<div class="webkit">
<table class="outer" align="center">



<tr>
<td>
<table width="100%" style="border-spacing: 0;">

<td style="padding-bottom: 0px;Margin-bottom:0px;">

<a href="#"><img src="https://msgfocus.com/files/amf_idg/project_108/CIO-IBM.png" width="600" alt="CIO header" style="padding: 0;"></a>
</td>

</table>
</td>
</tr>

<!--BANNER-->
<tr>
<td style="padding-top: 0px;Margin-top:0px;">
<a href="#"><img src="https://msgfocus.com/files/amf_idg/project_116/AD_UNIT_1200_X_800-new-edit.jpg" width="600" alt="Banner" style="max-width:100%;padding: 0;"></a>
</td>
</tr>


<tr>
<td>
<table width="100%" style="border-spacing: 0;">
<tr>
<td class="three-columns">

<table class="column">
<tr>
<td class="padding">

<table class="content">

<tr>
<td>
<p>Hi [* data('first_name') *],</p>

<p>Automation transforms work and simplifies how businesses operate. Artificial intelligence accelerates innovation by making every interaction, experience, and process more intelligent. Combining automation with AI is expected to release $134 billion in labor value in 2022, and a vast majority of AI and automation leaders expect to outperform their competitors in revenue growth. IT leaders view the automation of business or IT processes as the primary driver of product development and revenue growth, according to IDG’s 2021 State of the CIO study.</p>

<p>The best way to capture some of that value is by unifying the two technologies across your enterprise, using machine learning and AI to help collect and analyze operational data and optimize your processes. Whether you want to automate complex operations that span your entire organization, such as procure to pay, or automate repetitive tasks, IBM AI-powered Automation can help you reduce your manual processes by 80%. </p>


</td>
</tr>

</table>

</td>
</tr>
</table>


</td>
</tr>
</table>
</td>
</tr>


<!--IBM FOOTER-->

<tr>
<td>
<table width="100%" style="border-spacing: 0;">
<tr>

<td style="background: linear-gradient(16deg, rgba(0,0,0,1) 64%, rgba(42,112,95,1) 82%);padding:15px;text-align: center;">

<p><img src="https://msgfocus.com/files/amf_idg/workspace_24/ibm-logo-white.png" alt="IBM logo" width="90"></p>

<a href="https://www.linkedin.com/company/ibm" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-linkedin.png" alt="Linkedin logo" width="30"></a>
<a href="https://www.facebook.com/IBM/" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-facebook.png" alt="Facebook logo" width="30"></a>
<a href="https://twitter.com/IBM?ref_src=twsrc^google|twcamp^serp|twgr^author" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-twitter.png" alt="Twitter logo" width="30"></a>
<a href="https://www.youtube.com/ibm" target="_blank"><img src="https://msgfocus.com/files/amf_idg/workspace_24/white-youtube.png" alt="Youtube logo" width="30"></a>
</td>
</tr>



<tr>
<td style="padding-top:0px;">
<a href="#"><img src="https://msgfocus.com/files/amf_idg/workspace_24/shadow.jpg" width="600" alt="Banner" style="max-width: 100%;"></a>
</td>
</tr>







</table>

</td>
</tr>




</table>
</div>
</center>


</body>
</html>
 

Attachments

  • Outlook-recieved.png
    Outlook-recieved.png
    105.1 KB · Views: 1
  • What it should look like.png
    What it should look like.png
    159 KB · Views: 1
also the CIO header and banner are slightly wonky when received in outlook -please if anyone can help - TIA
 
Back
Top