2013-02-01 40 views
10

में शैली टैग शामिल नहीं है I Outlook के लिए HTML हस्ताक्षर ईमेल बनाने के लिए समस्या है।आउटलुक 2010 में हस्ताक्षर

मेरे पास हस्ताक्षर से पहले एक स्टाइल टैग है और उत्तरदायी ईमेल के लिए मीडिया चौड़ाई जोड़ें।

<style type="text/css"> 
div, p, a, li, td { -webkit-text-size-adjust:none; } 

table { 
min-width:650px; 
} 

@media only screen and (max-device-width: 480px) { 
td[class=hidden-phone] { 
    width: 0px !important; 
    display: none !important; 
    overflow: hidden !important; 
    float: left !important; 
} 
td[class=description] { 
    width: 100% !important; 
} 

td[class=visible-phone] { 
    display: block !important; 
    width: auto !important; 
    height: auto !important; 
    overflow: visible !important; 
    float:none !important; 
} 
table { 
    min-width: auto !important; 
} 
} 
</style> 

<table width="100%" style="font-family:'arial';"> 
<tr> 
<td colspan="4" width="100%" style="height:10px;border-bottom:2px solid #96999e;height:0px;">&nbsp;</td> 
</tr> 
<tr> 
<td style="padding:10px;width:80px;min-width:80px;"><img src="http://urbanangles.com/fileserver/gallery/[[ID]]_original.png" /></td> 
<td class="description" valign="bottom" style="padding:10px 0 10px 10px;width:170px;color:#111;min-width:170px;line-height:11px;"> 
    <span style="font-size:11px"><strong>[[NAME]]</strong></span><br/> 
    <span style="font-size:11px;color:#007dc3;">[[TITLE]]</span><div style="margin-bottom:5px;"></div> 
    <span style="font-size:9px;">A Studio</span><br/> 
    <span style="font-size:9px;">10 Somewhere St, Suburb, STA&nbsp;1234</span><br/> 
    <span style="font-size:9px;margin-right:10px;">D&nbsp;&nbsp;</span><span style="font-size:9px;">[[DIRECT]]</span><br/> 
    <span style="font-size:9px;margin-right:10px;">P&nbsp;&nbsp;</span><span style="font-size:9px;">[[PHONE]]</span><br/> 
    <span style="font-size:9px;margin-right:9px;">M&nbsp;&nbsp;</span><span style="font-size:9px;">[[MOBILE]]</span><br/> 
    <span style="font-size:9px;margin-right:10px;">E&nbsp;&nbsp;</span><span style="font-size:9px;"><a href="mailto:[[EMAIL]]" style="color:#111;text-decoration:none;">[[EMAIL]]</a></span><div style="margin-bottom:5px;height:0px;"></div> 
    <span style="font-size:11px"><strong><a style="color:#111;text-decoration:none;" href="http://www.examples.com">www.examples.com</a></strong></span><br/> 
</td> 
<td class="hidden-phone" style="width:100%;"></td> 
<td class="hidden-phone" valign="bottom" style="padding:10px 10px 10px 0;width:360px;min-width:360px;"><span style="margin-right:15px;"><a href="http://www.facebook.com/urbanangles" style="margin-right:3px;"><img src="http://william.uadev.com.au/img/facebook.jpg" /></a>&nbsp;<a href="http://www.twitter.com/urban_angles"><img src="http://william.uadev.com.au/img/twitter.jpg" /></a></span>&nbsp;&nbsp;<a href="http://www.urbanangles.com"><img src="http://william.uadev.com.au/img/logo.jpg" /></a> </td> 
</tr> 
<!--[if !mso 9]><!--> 
<tr> 
<td colspan="1" width="100%" class="visible-phone" style="max-height:0;display:none;height:0;overflow:hidden;width:0;float:left"> 
    <span style="margin-left:10px;margin-right:25px;"> 
    <a href="http://www.facebook.com/examples" style="margin-right:5px;"><img src="http://william.uadev.com.au/img/facebook.jpg" /></a> 
    <a href="http://www.twitter.com/examples"><img src="http://william.uadev.com.au/img/twitter.jpg" /></a></span> 
</td> 
<td colspan="3" width="100%" class="visible-phone" style="max-height:0;display:none;height:0;overflow:hidden;width:0;float:left"> 
    <a href="http://www.urbanangles.com"><img src="http://william.uadev.com.au/img/logo" style="width:80%;margin-left:8px;" /></a> 
</td> 
</tr> 
<!--<![endif]--> 
<tr><td colspan="4" width="100%" style="height:10px;border-top:2px solid #96999e;"></td> </tr> 
</table> 

<p style="font-size:11px;font-family:'arial';margin:0 0 5px 0;padding:0"><i>Please consider the environment before printing this email.</i></p> 

<p style="font-size:9px;font-family:'arial';color:#999;margin:0 0 5px 0;padding:0">This email and any attachment(s) is intended only for the exclusive and confidential use of the addressee(s). If you are not the intended recipient, any use, interference with, disclosure or copying of this material is unauthorised and prohibited. If you have received this message in error, please notify the sender by return email immediately and delete the message from your computer without making any copies. [[COMPANY]] does not guarantee the integrity of any emails or attached files.</p> 

मुझे सब कुछ एप्पल मेल पर ठीक काम कर रहा है। हालांकि, दृष्टिकोण मेरे एचटीएमएल से खुश नहीं दिखता है। दृष्टिकोण से सभी ईमेल में स्टाइल टैग नहीं होगा जो मेरे एचटीएमएल को आईफोन पर अजीब लग रहा है।

मेरे सवालों का:

  1. शैली टैग अपने ईमेल में शामिल नहीं है क्यों? जो मुझे पता है उससे यह दृष्टिकोण में समर्थित है। देखें here

  2. क्या कोई काम है या ठीक है जो मैं कर सकता हूं? मुझे आईफोन पर उत्तरदायी ईमेल काम करना अच्छा लगेगा और मुझे पता है कि यह काम कर रहा है अगर मैं इसे ऐप्पल मेल से भेजता हूं।

चीयर्स, विल

+0

क्या आप एचटीएमएल भी प्रदान कर सकते हैं? – samanthasquared

+0

आपके द्वारा प्रलेखन से # 1 में प्रदान किया गया, Outlook उस विधि का समर्थन नहीं करता जिसमें आप अपना सीएसएस घोषित कर रहे हैं। ई [foo = "bar"] बनाम E.foo – samanthasquared

उत्तर

1

तो शैली टैग अपने ईमेल के कोड में दिखाई दे रहा है, तो हो सकता है यह सिर में नहीं है। सुनिश्चित नहीं है कि Outlook के लिए इसकी आवश्यकता है, लेकिन हो सकता है कि यह क्यों छीन रहा हो।

+0

उत्तर के लिए धन्यवाद। लेकिन क्या हस्ताक्षर से सिर में शैली जोड़ना संभव है? मैंने कई अलग-अलग तरीकों की कोशिश की लेकिन कोई भाग्य नहीं .. –

+0

आप अपने ईमेल के शीर्ष पर कुछ कोड डालने का प्रयास कर सकते हैं, लेकिन यह हस्ताक्षर में नहीं होगा। मुझे लगता है कि आप दुर्भाग्य से एक हारने वाली लड़ाई से लड़ रहे हैं। – John

1

<style> टैग Gmail जैसी कुछ ईमेल क्लाइंट से बाहर छीन लिया है, इसके बजाय आप में लाइन शैलियों का उपयोग करना चाहिए (शायद आउटलुक ही कर रहा है?)

एक ही वेबसाइट से आप शैलियों का उपयोग कर के लिए उद्धृत किया, दिशा-निर्देश: http://www.campaignmonitor.com/resources/will-it-work/guidelines/

आप http://premailer.dialect.ca/ उपयोग कर सकते हैं अपने signiture कन्वर्ट करने के लिए इनलाइन शैलियों के लिए, और अपने नि: शुल्क :)

+0

हाय वहाँ, उत्तर के लिए धन्यवाद। मैंने एचटीएमएल में इनलाइन शैली का इस्तेमाल किया। हालांकि, मुझे उस कंपनी के लिए एक उत्तरदायी हस्ताक्षर की आवश्यकता है जिसके लिए मीडिया क्वेरी की आवश्यकता है। मुझे नहीं लगता (या पता है) मीडिया क्वेरी इनलाइन शैली के रूप में जुड़ा जा सकता है। मैं समझता हूं कि सभी ईमेल क्लाइंट में काम नहीं करेगा, लेकिन जैसा कि मैंने ऊपर बताया है, मैं केवल आईओएस उपकरणों में चिंता करता हूं। –

+0

यह ठीक होना चाहिए, इसे आज़माएं और हमें बताएं कि क्या होता है –

0

तुम हमेशा का उपयोग करना चाहिए इनलाइन एचटीएमएल ई-मेल के लिए शैलियों क्योंकि यह विभिन्न ग्राहकों के साथ सबसे अधिक अनुकूलता देता है। मुझे पता है कि यह अलग सीएसएस ब्लॉक के रूप में अच्छा नहीं है, लेकिन यह वही तरीका है।

संबंधित मुद्दे