2015-06-26 8 views
12

EDIT मैंने एचटीएमएल को हस्ताक्षर के रूप में कार्यान्वित किया है, लेकिन अब समस्या आई है जो बहुत अजीब है।में आउटलुक हस्ताक्षर में अपना एचटीएमएल और सीएसएस शामिल है

मेरे पास एक हस्ताक्षर है और हर बार जब मैं इसे वेब मेल सेवा दृष्टिकोण के दृष्टिकोण से भेजता हूं तो HTML में टैग डालता है और सभी रिक्तियों को गड़बड़ कर देता है। मैं कैसे इसे ठीक कर सकता हूं।

मेरे पास Outlook हस्ताक्षर के बारे में कोई प्रश्न है। मेरे काम के लिए मुझे हस्ताक्षर करना है ताकि यह और अधिक पेशेवर दिखता हो। मैंने यह देखने के लिए एक परीक्षण किया है कि मुझे इसे हस्ताक्षर के HTML में कैसे कार्यान्वित करने की आवश्यकता है, लेकिन मैं इसे काफी समझ नहीं सकता।

<style> 
<!-- 
/* Font Definitions */ 
@font-face 
    {font-family:Calibri; 
    panose-1:2 15 5 2 2 2 4 3 2 4; 
    mso-font-charset:0; 
    mso-generic-font-family:swiss; 
    mso-font-pitch:variable; 
    mso-font-signature:-520092929 1073786111 9 0 415 0;} 
/* Style Definitions */ 
p.MsoNormal, li.MsoNormal, div.MsoNormal 
    {mso-style-unhide:no; 
    mso-style-qformat:yes; 
    mso-style-parent:""; 
    margin:0cm; 
    margin-bottom:.0001pt; 
    mso-pagination:widow-orphan; 
    font-size:11.0pt; 
    font-family:"Calibri","sans-serif"; 
    mso-ascii-font-family:Calibri; 
    mso-ascii-theme-font:minor-latin; 
    mso-fareast-font-family:"Times New Roman"; 
    mso-fareast-theme-font:minor-fareast; 
    mso-hansi-font-family:Calibri; 
    mso-hansi-theme-font:minor-latin; 
    mso-bidi-font-family:"Times New Roman"; 
    mso-bidi-theme-font:minor-bidi;} 
p.MsoAutoSig, li.MsoAutoSig, div.MsoAutoSig 
    {mso-style-priority:99; 
    mso-style-link:"E-mailhandtekening Char"; 
    margin:0cm; 
    margin-bottom:.0001pt; 
    mso-pagination:widow-orphan; 
    font-size:11.0pt; 
    font-family:"Calibri","sans-serif"; 
    mso-ascii-font-family:Calibri; 
    mso-ascii-theme-font:minor-latin; 
    mso-fareast-font-family:"Times New Roman"; 
    mso-fareast-theme-font:minor-fareast; 
    mso-hansi-font-family:Calibri; 
    mso-hansi-theme-font:minor-latin; 
    mso-bidi-font-family:"Times New Roman"; 
    mso-bidi-theme-font:minor-bidi;} 
span.E-mailhandtekeningChar 
    {mso-style-name:"E-mailhandtekening Char"; 
    mso-style-priority:99; 
    mso-style-unhide:no; 
    mso-style-locked:yes; 
    mso-style-link:E-mailhandtekening;} 
.MsoChpDefault 
    {mso-style-type:export-only; 
    mso-default-props:yes; 
    mso-ascii-font-family:Calibri; 
    mso-ascii-theme-font:minor-latin; 
    mso-fareast-font-family:"Times New Roman"; 
    mso-fareast-theme-font:minor-fareast; 
    mso-hansi-font-family:Calibri; 
    mso-hansi-theme-font:minor-latin; 
    mso-bidi-font-family:"Times New Roman"; 
    mso-bidi-theme-font:minor-bidi;} 
@page WordSection1 
    {size:595.3pt 841.9pt; 
    margin:70.85pt 70.85pt 70.85pt 70.85pt; 
    mso-header-margin:35.4pt; 
    mso-footer-margin:35.4pt; 
    mso-paper-source:0;} 
div.WordSection1 
    {page:WordSection1;} 
--> 
</style> 


</head> 

<body lang=NL style='tab-interval:35.4pt'> 

<div class=WordSection1> 

<p class=MsoAutoSig><span style='mso-fareast-font-family:Calibri;mso-fareast-theme-font: 
minor-latin'><o:p>&nbsp;</o:p></span></p> 

</div> 

</body> 

</html> 

मैं सच में समझ में नहीं आता, जहां मैं अपने कोड में डाल करने की आवश्यकता है:

इस कोड को जो Outlook उत्पन्न करता है। यह मेरा कोड है:

<style> 
a { 
    text-decoration: none; 
    color: inherit; 
} 

.wrapper { 
    width:50%; 
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; 
} 

.topText { 
    font-size: 11pt; 
    margin-bottom: 5px; 
} 

.topLine { 
    border-top: 2px solid #C80032; 
    margin-bottom: 5px; 
} 

.content { 
    height:100px; 
    width: 100%; 
    margin-bottom: 5px; 
} 

p { 
    font-size:10pt; 
} 

.left-content { 
    float:left; 
    margin-right: 140px; 
} 

.right-content { 
} 

.name { 
    margin: 0px !important; 
    float: left; 
} 

.address { 
    margin: 0px 0px 0px 20px; 
} 

.address_A { 
    margin: 0px 0px 0px 30px; 
} 

.address_M { 
    margin: 0px 0px 0px 14px; 
} 

.bottomBar { 
    float: right; 
    width:74.5%; 
    height: 25px; 
    background-color:#7F7B7B; 
    color: white; 
    font-size: 12pt; 
    text-align: left; 
    margin-left: 18px; 
} 

.tableStyle{ 
    margin-bottom: 5px; 
} 

.social-Blocks 
{ 
    background-color:white; 
    width: 25px !important; 
    height: 25px !important; 
    float:left; 
    margin-left: 15px; 
    text-align:center; 
    font-size: 23px; 
    color: #0987B2; 
} 

.bottom-bar-first{ 
    float: left; 
    width:11%; 
    height: 25px; 
    background-color:#7F7B7B; 
    color: white; 
    font-size: 12pt; 
} 

.bottom_Span{ 
margin-left: 10px; 
} 

.suplaconLogo{ 
    height:90px ; 
    width:190px; 
} 

.logo{ 
    float: right; 
} 


</style> 
<link rel="stylesheet" href="style.css"></head> 

<div class="wrapper"> 
<div class="topText">Met vriendelijke groet,</div> 
    <div class="topLine"></div> 
    <img class="logo" src="images/logo.png" height="80" width="350"> 
    <table class="tableStyle" cellpadding="0"> 
     <tr> 
      <td><span><strong>Information</strong></span></td><td><span class="address_A"><strong>Information</strong></span></td> 
     </tr> 
     <tr> 
      <td><span class="name">T</span><span class="address"> Information</span></td> 
      <td><span class="address_A">Information</span></td> 
     </tr> 

     <tr> 
      <td><span class="name">M</span><span class="address_M">Information</span></td> 
      <td><span class="address_A">Information</span></td> 
     </tr> 

     <tr> 
      <td><span class="name">E</span><span class="address">Information </span></td> 
      <td><span class="address_A"><a href="">Information</a></span></td> 
     </tr> 
    </table> 


    <div class="bottomStyle"> 
     <div class="bottom-bar-first"></div> 
     <div class="social-Blocks"><a href=" 
"><span class="icon-linkedin center" target="blank"></span></a></div> 
     <div class="social-Blocks"><a href="" target="blank"><span class="icon-facebook2 center"></span></a></div> 
     <div class="social-Blocks"><a href="" target="blank"><img src="" height="25"></a></div> 
     <div class="bottomBar"><span class="bottom_Span"><strong> Information</strong></span></div> 
    </div> 
</div> 

मैं Outlook के कोड में मेरी कोड कैसे शामिल कर सकता है, या जहां मैं अपने कोड डाल करने के लिए की जरूरत है? मैं इस पाया, और ऐसा लगता है कि मेरी सीएसएस वास्तव में संगत है:

Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007

उत्तर

1

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

तो

मैं तुम्हें

+0

हाँ ठीक है, क्या यह शैली अभी भी आपके स्रोत में –

+0

काम नहीं कर रही है, जो आपके स्रोत में 'हेड' खोलने में अनुपलब्ध है, अन्यथा पूर्ण स्रोत उदाहरण मेल – maioman

1

मेरे सबसे अच्छा अभ्यास (भले ही सकल लगता है) आउटलुक हस्ताक्षरों के साथ head > style टैग में सब कुछ डाल सुझाव है कि एमएस वर्ड में हस्ताक्षर शैली और आउटलुक के लेख के इस खंड को चिपकाने के लिए है विकल्पों में हस्ताक्षर बॉक्स।

मैं Outlook में अपने कस्टम सीएसएस का उपयोग करने से बचूंगा।

+0

दोबारा पोस्ट करें मैंने प्रश्न –

+0

संपादित किया है क्या आपने मेरे दृष्टिकोण की कोशिश की है? वर्ड में टेबल के साथ आप अपना हस्ताक्षर बना सकते हैं जैसे आप चाहते हैं। फिर इसे आउटलुक में कॉपी करें और आउटलुक को जादू करें। कम से कम मैं कोशिश करूँगा। – Wavemaster

+0

हां यह अभी भी पैडिंग और सामान के साथ समान है, जब आप हस्ताक्षर –

-1

ठीक है, आउटलुक बेकार है। यह सिर्फ बहुत सी सीएसएस का समर्थन नहीं करता है। और चाहे यह डेस्कटॉप क्लाइंट या वेबमेल संस्करण है, या यहां तक ​​कि हॉटमेल या एमएसएन मेल भी है, तो आप प्रत्येक के लिए अलग-अलग परिणाम प्राप्त करेंगे।

यह लिंक कुछ अंतर्दृष्टि प्रदान करता है जो समर्थित/समर्थित नहीं है। उदाहरण के लिए, आप Outlook में फ़्लोट नहीं कर सकते हैं।

https://www.campaignmonitor.com/css/

तुम भी इनलाइन शैलियों का उपयोग कर के रूप में बाहर से सिर में एक शैली ब्लॉक ताकि वे छीन नहीं कर रहे हैं जोड़ने या यहाँ तक कि करने के लिए विरोध किया जाना चाहिए। यहां एक उपकरण है जो स्वचालित रूप से ऐसा करेगा।

http://inliner.cm/

मूल रूप से, आप सीएसएस समर्थन की कमी की वजह गूंगा माइक्रोसॉफ्ट के लिए यह नीचे की जरूरत है।

0
  1. अपनी सभी शैलियों को इनलाइन लाएं, इससे आपकी अधिकांश समस्याओं को हल करना चाहिए।छ:

< div class = "आवरण" शैली = "चौड़ाई: 50%; font-family: Calibri, Candara, Segoe, 'Segoe यूआई', ऑप्टिमा, एरियल, sans-serif;" >

  1. एक HTML फ़ाइल में अपने कोड को शामिल करें
  2. खुला ने कहा कि एक ब्राउज़र में HTML फ़ाइल
  3. हाइलाइट करें और अपने क्लिपबोर्ड
  4. गूगल कैसे करने के लिए outputted हस्ताक्षर की नकल अपने ओएस पर Outlook के अपने संस्करण के लिए हस्ताक्षर जोड़ने के लिए (उदाहरण के लिए Outlook 2010 Windows)
  5. हस्ताक्षर फ़ील्ड में चिपकाएं
  6. हो गया। आपके पास

एक साइड नोट पर एक क्रॉस-क्लाइंट हस्ताक्षर होना चाहिए, यदि आप इसकी सहायता कर सकते हैं तो मैं Word से प्रतिलिपि बनाने और पेस्ट करने की अनुशंसा करता हूं।

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