OSX Mail signature problemen
8 augustus 2018 - 12:51   
geplaatst door: dienjo
Hallo,

Ik heb een signature probleem in OSX mail.
Het ziet er allemaal goed uit totdat er een conversatie ontstaat.
Dan verschijnen de 'see more from' regels.
Deze breekt de handtekening op in 2 delen. Liefst wil ik gewoon dat hij de hele signature niet laat zien en de hele handtekening showed als je op 'show more from' drukt.

Bij deze even een screenshot zodat jullie ook begrijpen wat ik probeer te zeggen :biggrin:



Code die ik gebruik:

<body>
<!--[if gte mso 9]>
    <table cellspacing=0><tr><td style="font-family: Arial; font-size: 10pt; color: #fff; background-color: orange; width: 250px; height: 100px; padding: 3px; vertical-align: top">
<![endif]-->
<br>
<div style="float: left; font-family: Arial; font-size: 10pt; color: #fff; background-color: none; width: 250px; height: 100px; padding: 0px 10px 0px 0px; vertical-align: top">
<img alt="lps_logo_2" src="http://url.com/email_signature/logo.png">
</div>
<!--[if gte mso 9]>
    </td><td style="font-family: Arial; font-size: 10pt; color: #fff; background-color: red; width: 250px; height: 100px; padding: 3px; vertical-align: top">
<![endif]-->
<div style="float: left; font-family: Arial; font-size: 10pt; color: #black; line-height: 1.3; background-color: none; width: 250px; height: 100px; padding: 0px 10px 0px 0px; vertical-align: top">
<strong>Name</strong><br>
function<br>
Phone: +31 123456789<br>
Street name and number<br>
Zipcode and Country<br>
​</div>
<!--second row-->
<div style="clear: both; float: left; font-family: Arial; font-size: 10pt; color: #fff; background-color: none; width: auto; height: auto; padding: 0px 10px 10px 0px; vertical-align: top">
<img alt="Brand Icons" style="float: left; padding:0 5 0 0px; "src="http://url.com/email_signature/brand_icons_brand.png">
<a href="https://www.url.com/" style="color: #000000; text-decoration:none; line-height: 2;">Brand 1</a>
</div>
<!--[if gte mso 9]>
    </td><td style="font-family: Arial; font-size: 10pt; color: #fff; background-color: red; width: 250px; height: 100px; padding: 3px; vertical-align: top">
<![endif]-->
<div style="float: left; font-family: Arial; font-size: 10pt; color: #fff; background-color: none; width: auto; height: auto; padding: 0px 10px 10px 0px; vertical-align: top">
<img alt="Brand Icons" style="float: left; padding:0 5 0 0px; "src="http://url.com/email_signature/brand_icons_brand.png">
<a href="https://http://www.test.com//" style="color: #000000; text-decoration:none; line-height: 2;">Brand 2</a>
​</div>
<!--[if gte mso 9]>   
</td></tr></table>
<![endif]--><div style="float: left; font-family: Arial; font-size: 10pt; color: #fff; background-color: none; width: auto; height: auto; padding: 0px 10px 10px 0px; vertical-align: top">
<img alt="Brand Icons" style="float: left; padding:0 5 0 0px; "src="http://url.com/email_signature/brand_icons_brand.png">
<a href="https://www.test.com/" style="color: #000000; text-decoration:none; line-height: 2;">Brand 3</a>
​</div>
<!--[if gte mso 9]>   
</td></tr></table>
<![endif]--><div style="float: left; font-family: Arial; font-size: 10pt; color: #fff; background-color: none; width: auto; height: auto; padding: 0px 10px 10px 0px; vertical-align: top">
<img alt="Brand Icons" style="float: left; padding:0 5 0 0px; "src="http://url.com/email_signature/brand_icons_brand.png">
<a href="https://www.test.com/" style="color: #000000; text-decoration:none; line-height: 2;">Brand 4</a>
​</div>
<!--[if gte mso 9]>   
</td></tr></table>
<![endif]-->
<div style="clear: both; background-color: white; height: 1px;"><p></p></div>
<br><br>
</body>

--------------------------------------------------------
---> I prefer to be called...evil genius
antw: OSX Mail signature problemen
8 augustus 2018 - 21:56    reactie #1
geplaatst door: Sypie
Wat een zooi code... Allerlei divs waar Mail mee over z'n nek gaat?

Probeer het eens wat eenvoudiger zou ik zeggen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Email handtekening</TITLE>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
 
</HEAD>
<BODY style="FONT-SIZE: 10pt; FONT-FAMILY: ARIAL">


<table style="WIDTH: 511px; FONT-SIZE: 10pt; FONT-FAMILY: ARIAL" cellpadding="0" cellspacing="0">
<tbody>
 <tr>
  <td style="FONT-SIZE: 14pt; FONT-FAMILY: Arial; WIDTH: 511px; PADDING-BOTTOM: 10px; vertical-align:top;" valign="top">
   <span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt; color:#353535;">Met hartelijke groeten,</span><br><br>
   <span style="FONT-FAMILY: Arial; FONT-SIZE: 14pt; color:#353535;">Naam Achternaam</span>
   <span style="FONT-FAMILY: Arial; FONT-SIZE: 10pt; color:#878787;"><br>url.com</span>
  </td>
 </tr>
 <tr>
  <td style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; color:#2c2c2c; vertical-align:top;" valign="top">
   <span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial;">Adres en huisnummer<br></span>
   <span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial;">Postcode en woonplaats<br></span>
   <span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial;">M: Mobiele nummer<br></span>
   <span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial;">E: info@emailadres.nl<br></span>
    <strong><a style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; color:#2c2c2c;" href="url.com" target="_blank">www.url.com</a></strong>
   </span>
  </td>
 </tr>
 <tr>
 <td style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; vertical-align:top;" valign="top">
   <span style="FONT-FAMILY: Arial; FONT-SIZE: 12pt; color:#353535;">Volg ons op:</span><br>
   <span><a href="https://www.facebook.com/link" target="_blank"> <img border="0" width="32" alt="Facebook icon" style="border:0; height:32px; width:32px" src="http://url.com/fb.png"></a></span>
   <span><a href="https://instagram.com/link" target="_blank"><img border="0" width="32" alt="Twitter icon" style="border:0; height:32px; width:32px" src="http://url.com/it.png"></a></span>
  </td>
 </tr>
 <tr>
  <td style="FONT-SIZE: 10pt; FONT-FAMILY: Arial; PADDING-TOP: 10px; vertical-align:top;" valign="top">
   <a href="http://www.url.com" target="_blank"> <img alt="Banner" width="200" style="width:400px; height:200; border:0;" border="0" src="http://url.com/bannernl.jpg"> </a>
  </td>
 </tr>
</tbody>
</table>
   
</BODY>
</HTML>
antw: OSX Mail signature problemen
8 augustus 2018 - 23:08    reactie #2
geplaatst door: dienjo
Het moet een responsive signature zijn met 2 rows.
De eerste row heeft 2 columns en de 2e 4 columns. Vandaar dat de code zo complex is.
--------------------------------------------------------
---> I prefer to be called...evil genius