包括自己的html和css在Outlook的签名
发布时间:2020-12-14 23:38:23 所属栏目:资源 来源:网络整理
导读:编辑 我已经实现了html作为一个签名,但现在的问题是非常奇怪的. 我有一个签名,每次我从Outlook发送到一个web邮件服务外观放在html的标签和混乱所有的间距.我如何解决这个问题 我有一个关于Outlook签名的问题.对于我的工作,我必须签名,所以它看起来更专业.我
编辑
我已经实现了html作为一个签名,但现在的问题是非常奇怪的. 我有一个签名,每次我从Outlook发送到一个web邮件服务外观放在html的标签和混乱所有的间距.我如何解决这个问题 我有一个关于Outlook签名的问题.对于我的工作,我必须签名,所以它看起来更专业.我已经做了一个测试,看看我需要如何将其实现到签名的HTML中,但我不太清楚. 这是Outlook生成的代码: <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> </o:p></span></p> </div> </body> </html> 我真的不明白我需要放在我的代码中. <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的代码中,或者我需要放置代码?我发现这个,似乎我的CSS确实是兼容的: Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 解决方法
所以我建议你把所有东西放在头上>风格标签 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |