2011-01-14 20 views
11

मैं एक ईमेल टेम्पलेट बना रहा हूं जिसे बाहरी वेबसाइट से छवियां प्रदर्शित करना है। मैंने छवियों को प्रस्तुत करने के लिए कुछ <img> टैग रखे थे और कुछ <td> टैग हैं जो तत्वों के इनलाइन सीएसएस में सेट पृष्ठभूमि-छवि संपत्ति के साथ हैं।पृष्ठभूमि-छवि शैली के साथ एचटीएमएल ईमेल दिखाया नहीं गया

अब, जब Outlook में कोई ईमेल प्राप्त होता है, तो छवियां प्रदर्शित नहीं होती हैं (यह अपेक्षा की जाती है क्योंकि छवियां एम्बेडेड नहीं हैं)। और मैं छवियों को ठीक से देखने के लिए डाउनलोड छवियों पर क्लिक करता हूं। <IMG> टैग में छवियां केवल दिखाए गए हैं और <TD> के लिए पृष्ठभूमि-छवि प्रदान नहीं की जाती है।

इस समस्या को हल करने के लिए कोई विचार?

धन्यवाद!

+0

कैसे वास्तव में आप पृष्ठभूमि छवि गुण सेट करते भेजने? – amosrivera

+0

टीडी शैली = "पृष्ठभूमि-छवि: यूआरएल (http: //mysite/images/common/msg_collapsed_title_bg.png); पृष्ठभूमि-दोहराना: दोहराना-एक्स" – Chaitanya

उत्तर

7

आखिरकार मुझे जवाब मिला।

Outlook 2007 HTML सामग्री लोड करने के लिए इंटरनेट एक्सप्लोरर के प्रतिपादन इंजन का उपयोग नहीं करता है। इसके बजाय यह वर्ड 2007 एचटीएमएल और सीएसएस क्षमताओं का उपयोग करता है।

इस सीएसएस विशेषताओं जैसे पृष्ठभूमि-छवि समर्थित नहीं है। और इसलिए मानक सीएसएस टैग का उपयोग कर एचटीएमएल तत्वों के लिए पृष्ठभूमि छवि को सेट करना संभव नहीं है।

अधिक जानकारी http://msdn.microsoft.com/en-us/library/aa338201(v=office.12).aspx

4

पृष्ठभूमि चित्र पर उपलब्ध Outlook में समर्थित नहीं हैं। सर्वोत्तम अभ्यास के रूप में, आपको कभी भी HTML ईमेल में पृष्ठभूमि छवियों का उपयोग नहीं करना चाहिए। यदि आपके पास पृष्ठभूमि होनी चाहिए, तो आप प्लस को ठोस रंग का उपयोग और छवि बना सकते हैं। पृष्ठभूमि छवियों का समर्थन करने वाले ईमेल क्लाइंट वाले लोग छवियां प्राप्त करेंगे, और जो इसका समर्थन नहीं करते हैं वे ठोस रंग में वापस आ जाएंगे।

3

इसके अलावा, यहां अभियान मॉनीटर से एक गाइड है: http://www.campaignmonitor.com/css/ जो मेरे लिए बहुत उपयोगी साबित हुआ।

4

वास्तव में Outlook में HTML ईमेल में पृष्ठभूमि छवियों का उपयोग करने का एक तरीका है।

चैतन्य का उल्लेख है कि यह सीएसएस के साथ नहीं किया जा सकता है, लेकिन यह वीएमएल के माध्यम से किया जा सकता है।

तकनीक background: url(....) का उपयोग करने से थोड़ा अधिक शामिल है और मैं इसे अक्सर उपयोग नहीं करता क्योंकि मैं सीएसएस तकनीक का उपयोग करता हूं (यदि यह Outlook में काम करता है)। लेकिन यह बहुत उपयोगी है।

मैंने इसे कई अभियानों पर सफलतापूर्वक उपयोग किया है।

यहां पूर्ण निर्देश: इस तकनीक का समर्थन करने वाले ईमेल क्लाइंट की एक सूची सहित।

http://www.campaignmonitor.com/forums/viewtopic.php?pid=14197

0

एचटीएमएल छवियों को प्रदर्शित करने का एक तरीका है।

एमएसडॉर्ड दस्तावेज़ के रूप में प्रस्तुत सही HTML ईमेल दृष्टिकोण में।

मुझे इस https://stackoverflow.com/a/12693917/413032 पोस्ट से समाधान मिला।

तो हमें एक वैकल्पिक की आवश्यकता है।

वास्तव में आप एमएसडब्ल्यूओआरओआर में अपना एचटीएमएल ईमेल खोल सकते हैं और क्या गलत लगता है और विचार कर सकते हैं कि वैकल्पिक क्या हो सकता है।

यहां मैंने जो किया है;

  1. जोड़ा गया v

    < html xmlns:v="urn:schemas-microsoft-com:vml" 
    
  2. जोड़ा गया v की शैली सिर HTML टैग करने के लिए नाम स्थान ब्लॉक

    <head> 
    <style type="”text/css”"> 
         v\:* { behavior: url(#default#VML); display:inline-block} 
    </style> 
    
  3. तालिका में या आप अपने MSWord वैकल्पिक जोड़ने की जरूरत है जहां

    <table style="background-image: url('https://e-telesaglik.com/images/email/canvas-bg.jpg');background-repeat:no-repeat;" cellpadding="0" width="960"> 
          <!--[if gte vml 1]> 
            <v:shape 
             stroked='f' 
             style='position:absolute;margin-left:-90pt;margin-top:-1.55pt;  
               z-index:-503306481; 
               visibility:visible; 
               width:720pt; 
               height:475pt;   
               top:0; 
               left:0; 
               border:0;            
               '> 
             <v:imagedata src="https://e-telesaglik.com/images/email/canvas-bg.jpg"/> 
            </v:shape> 
          <![endif]--> 
           <tbody> .... 
    

यह सब कुछ है। निश्चित रूप से यह एक MSWord प्रस्तुत करेगा। और अधिक, जैसा कि आप देखते हैं कि हम पूर्ण स्थिति का उपयोग करते हैं ...

वैसे भी यह एक कामकाज है और इस मुद्दे को हल करता है। हमें आशा है कि एक दिन एमएस-आउटलुक एक वेब ब्राउज़र के साथ एचटीएमएल ई-मेल प्रस्तुत करता है जो एमएस-वर्ड के साथ नहीं है।

0

यह Gmail में काम करता है,

मैं इस कोशिश की ईमेल न्यूज़लेटर में छवि के साथ div दिखाने के लिए, inline css कोशिश, ईमेल दिशा निर्देशों here