2016-10-28 19 views
0

Iam綁定創建一個通訊,但在Outlook移動它不拾取正確的樣式。這是不拿起造型如下:bold文字,文字的coloruppercaseOutlook移動不拾取正確的樣式

Here a link to the output

  • 像開本的標題....必須是藍色和大膽。

  • 因此按鈕中的文本需要是白色和粗體。

  • 而在德全寬按鈕上的文本,必須大寫和白色

這裏是與圖像左文右元素的HTML:

<!-- // Begin Module: [Dark] Image left text right \\ --> 
      <table class="responsive-table" width="650" bgcolor="#d1d6e1" border="0" cellpadding="0" cellspacing="0" align="top" mc:repeatable="trading" mc:variant="[Dark] Image left text right"> 
       <tbody> 
        <tr> 
         <td width="5%"></td> 
         <td width="90%" align="center"> 
          <table width="100%" cellpadding="0" cellspacing="0" border="0"> 
           <tbody> 
            <tr><td width="650" height="30"></td></tr> 
            <tr> 
             <td width="35%" align="center" valign="top" class="mobile-width-100" mc:label="image" mc:edit="iltrdimage"> 
              <a href="#" target="_blank"> 
               <img src="http://placehold.it/800x538" width="230" style="text-decoration: none;"> 
              </a> 
             </td> 
             <td width="5%" class="mobile-height-30"></td> 
             <td width="60%" align="left" valign="top"> 
              <table cellpadding="0" cellspacing="0" border="0"> 
               <tr> 
                <td style="padding-bottom: 5px;" mc:label="body title" md:hideable="" mc:edit="iltrdbodytitle">  
                 <a href="#" class="block-title" style="font-family: 'OpenSans', Arial; font-size: 16px !important;line-height: 18px;color: #224691; text-decoration: none; font-weight: 700;" mc:label="heading"> 
                  <font color="#224691">Title</font> 
                 </a> 
                </td> 
               </tr> 
               <tr> 
                <td style="padding-bottom: 10px;" mc:label="body text" mc:edit="iltrdbodytext"> 
                 <span style="font-family: 'OpenSans', Arial; color: #323232;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer pharetra hendrerit felis, eget auctor ex tincidunt eget. Vestibulum consequat quam nibh. 
                </span></td> 
               </tr> 
              </table> 
              <table bgcolor="#2f57ad" border="0" cellpadding="0" cellspacing="0"> 
               <tbody> 
                <tr> 
                 <td align="center" class="btn"> 
                  <table cellpadding="0" cellspacing="0"> 
                   <tr> 
                    <td mc:label="button" mc:edit="iltrdbutton"> 
                     <a href="#" class="btn-more" target="_blank" style="font-family: 'OpenSans', Arial; color: #fff; font-size: 15px; text-decoration: none;"><font color="#ffffff">Read more</font></a> 
                    </td> 
                    <td style="padding-left: 10px; padding-top: 1px;"><span style="font-size: 13px; color: #fff;">▸</span></td> 
                   </tr> 
                  </table> 
                 </td> 
                </tr> 
               </tbody> 
              </table> 
             </td> 
            </tr> 
            <tr><td width="650" height="30"></td></tr> 
           </tbody> 
          </table> 
         </td> 
         <td width="5%"></td> 
        </tr> 
       </tbody> 
      </table> 
      <!-- // End Module: [Dark] Image left text right \\ --> 

回答

0

前景不支持所有的CSS請去看看https://www.campaignmonitor.com/css/

展望版本就像即有不同的CSS來考慮,所以你需要這樣的東西以迎合所有選項

<!--[if gte mso 9]> <style type="text/css"> /* Your Outlook-specific CSS goes here. */ </style> <![endif]-->