आउटलुक 2010/आउटलुक 2007 के लिए आउटलुक 2010 में लाइन-ऊंचाई काम नहीं कर रहा है, जो मेरे एचटीएमएल ईमेल में लाइन-ऊंचाई को सम्मानित नहीं करता है। (यह Outlook 00 और Outlook 03 में पूरी तरह से काम करता है)एचटीएमएल ईमेल
मैं कुछ व्यापक googling कर रहा हूं - और HTML सीएसएस समर्थन चार्ट मैंने पाया है कि Outlook 2010/2007 लाइन ऊंचाई को समझना चाहिए।
मैंने ब्लॉक पैरेंट तत्व, और बच्चे अनुच्छेद तत्व पर लाइन-ऊंचाई डालने का प्रयास किया है, और सिर में स्टाइल टैग में आईडी पर और उपरोक्त के प्रत्येक संयोजन के रूप में।
मैंने यह भी सुनिश्चित किया है कि मैं लाइन-ऊंचाई को एक पिक्सेल मान के रूप में स्पष्ट रूप से घोषित कर रहा हूं जो टेक्स्ट आकार से काफी बड़ा है (लेकिन मैंने% और em भी कोशिश की)। घोषणा करने में कोशिश की! घोषणा में महत्वपूर्ण - और यहां तक कि ऑनलाइन खोज सकने वाली हर दूसरी युक्ति के साथ वैल्यूइन भी कोशिश की .... मैं लाइन-ऊंचाई का उपयोग कर रहा हूं उदा। बटन पैडिंग-टॉप और पैडिंग-डाउन निर्धारित करें, क्योंकि पैडिंग/मार्जिन के लिए HTML ईमेल समर्थन इतना खराब है।
मैं वास्तव में इसके साथ किसी भी मदद की सराहना करता हूं। वास्तव में सिर-बैंगिंग बिंदु पर वास्तव में!
वास्तविक ईमेल बहुत जटिल है क्योंकि यह एक जटिल न्यूजलेटर है, लेकिन यहां सिर की शैली का एक स्निपेट है, और एक टेबल अनुभाग जिसमें लाइन-ऊंचाई काम नहीं कर रही है - मुझे उम्मीद है कि यह पर्याप्त है !:
<style type="text/css" media="screen">
html {
-webkit-text-size-adjust:none;
-webkit-background-size:100%;
}
body{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
margin-bottom:0px !important;
margin-top:0px !important;
background-color:#e5e5e5;
}
p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
margin-bottom:0px !important;
margin-top:0px !important;
display:block;
}
a:link, a:visited, a:active{
color:#55c2d9;
text-decoration: underline;
}
a:hover{
text-decoration: underline;
}
.body a:link, a:visited, a:active{
color:#55c2d9;
}
img{
border: 0;
display: block;
}
table.main {
background-color: #ffffff;
width:650px;
}
td {
}
#header-top p{
line-height:33px;
}
</style>
<!-- Content -->
<table border="0" cellspacing="0" cellpadding="0" class="body">
<!-- Row 1 -->
<tr valign="top">
<td background="images/bg-texture-top.jpg" style="background-repeat:repeat-y; background-color:#262626;" valign="top" width="650" height="33" bgcolor="#262626">
<table border="0" cellspacing="0" cellpadding="0" id="header-top">
<!-- Row 1.1 -->
<tr valign="top">
<td style="" valign="top" width="16" height="" bgcolor="">
</td>
<td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="490" height="33" bgcolor="">
<p><a href="#">click here to view this email in a browser</a></p>
</td>
<td style="font-family: Helvetica, Arial, sans-serif; color:#767676; font-weight: bold; font-size:11px; line-height:33px; text-align:left; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;" width="62" height="33" bgcolor="">
<p>find us on:</p>
</td>
<td style="" valign="top" width="16" height="" bgcolor="">
</td>
</tr>
</table>
</td>
</tr>
</table> <!-- Content -->
पिछला कार्यालय संस्करण HTML संदेशों को प्रदर्शित करने और संपादित करने के लिए एक HTML विजेट का उपयोग करता है। Outlook 2007 आगे वर्ड विजेट का उपयोग करता है, जो HTML के लिए बेहद टूटा हुआ है। – zgpmax