OSX Mail signature problemen
geplaatst: 8 augustus 2018 - 12:51
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>

geplaatst door: dienjo
--------------------------------------------------------
---> I prefer to be called...evil genius
antw: OSX Mail signature problemen
reactie #1 geplaatst: 8 augustus 2018 - 21:56
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>
geplaatst door: Sypie
antw: OSX Mail signature problemen
reactie #2 geplaatst: 8 augustus 2018 - 23:08
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.
geplaatst door: dienjo
--------------------------------------------------------
---> I prefer to be called...evil genius