Центрирование и разрыв слов в Outlook 2016 - PullRequest
Новая
       7

Центрирование и разрыв слов в Outlook 2016

0 голосов
/ 20 февраля 2019

Я кодировал отзывчивую подпись электронной почты только для того, чтобы узнать, что Outlook 2016 игнорирует большинство атрибутов CSS.

Я изменил ее, чтобы получить сходство с тем, что я хотел, но его еще нет.

Мне все еще нужно, чтобы он был 800px (я знаю, что стандарт 600px, но это необходимо) в ширину для основного блока контента.Wordbreak все еще не работает, и центрирование всего - это кошмар ...

Я знаю, что код выглядит ужасно, но он имеет какой-то смысл для перспективы 

<title>Kronblick</title>
<style type="text/css">
		html *{
   			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
		}
	
		body{ 
			background-color:#F4F4F4;
			color:#948984;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:15px;
			padding:0;
			margin:0;
			text-align:left;
			width:1024;
		}
		
		.main {
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    		border-collapse: collapse;
			background-color:white;	
			word-break: break-all;
			max-width:800px;
			display:block;
			border:none;	
		}
		
		.disclaimer{
			padding-bottom:5px;
			padding-top:5px;
		}
		
		.disclaimer p{
			font-size:10px;
			line-height:12px;
			color:#948984;
			text-align:left;
		}
		
		a{
			text-decoration: none;
			color:#68416a;
			font-size:18px;
			font-weight:bold;
		}
		
		.adresse .mail{
			text-decoration: none;
			color:#948984;
			font-size:15px;
			font-weight:400;
		}
		.text{
			padding:25px;
			padding-bottom:5px;
			font-size:15px;
			color:#948984;
			margin-top:20px;
			
		}
		.text p{
			text-align:left;
		}
		
		br {
   			line-height:110%;
		}
				
		.adresse{
			padding:25px;
			color:#948984;
			line-height:22px;
		}
		
	    .wordbreak{
 			width: 800;
			-ms-word-break: break-all; 
			word-break: break-all;
			word-break: break-word;
		}
		
		
	</style>
</head>

<body width="1024">
 	<!--[if mso]>
    	<style type="text/css">
		body, table, td {
        	font-family: "Trebuchet MS", Helvetica, sans-serif !important;
            align:center !important;
			valign:top !important;
			text-align:left; 
        }
		table, {
 			width:1024;
		}
		
		main, td{
 			width:800;
		}
        .wordbreak{
 			width: 800;
			-ms-word-break: break-all; 
			word-break: break-all;
			word-break: break-word;
		}


    </style>
	<![endif]-->
<table align="center" width="100%">
  <td align="center" style="border:none;width:100%;" height="100%">
       <table class="main" height="auto" colspan="2" align="center" style="width:100%;background-color:white;">
		   <tr><div class="text"><span class="wordbreak">
       			<p style="text-align:left;"><br/><br/>Wir freuen uns auf Sie!<br/>Fam. Falkensteiner <br/><br/></p></span>
            	   </div>
    		<td colspan="2" style="font-size:0px;padding:0px 0px 20px 0px;word-break:break-word;">           
      			<p style="border-top:solid 1px #948984;font-size:1;margin:0px auto;width:100%;"></p>
      <!--[if mso | IE]>
        <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #948984;font-size:1;margin:0pxauto;width:100%;" role="presentation" width="800">
          <tr>
            <td style="height:0;line-height:0;"> &nbsp;</td>
          </tr>
        </table>
      <![endif]-->
     </tr>   
 	 <tr align="center">
    		<td width="65%" height="auto" class="col-1" align="center">
        		<div class="adresse" style="text-align:left;"><p style="text-align:left;line-height:-2px;">
            		<span class="wordbreak"><strong style="font-size:20px">Hotel Kronblick</strong><br />Fam. Peter Falkensteiner</p><br/><br/>
        		<p>Im Linda 15 <br/>I-39030 Kiens-Chienes<br />Pustertal-Val Pusteria<br />Südtirol-Alto Adige | Italien-Italia<br />T +39 0474 56 55 20<br/>
        		<a class="mail" href="mailto:info@kronblick.com">info@kronblick.com</a></p><br/><br/>
                  <p style="padding-top:-10px;padding-bottom:20px;"><a href="https://www.kronblick.com" style="padding-bottom:20px;">www.kronblick.com</a><br/><br/><br/></p>
       		  </div>
         	</td>
   	   <td width="65%" height="auto" class="col-2" style="padding-left:18px;">
         	<img src="http://rotwild01.dd44.firma5.com/briefpapiere/kronblick/kronblick_logo.png" alt="krone" height="auto" style="border:none;display:block;outline:none;height:auto;width:75%; max-height:180px;" title="kronblick"/>
         </td>
  	 </tr>
  	<tr align="center">
    	<td class="" height="auto" colspan="2" style="line-height:11px;width:100%;" align="center" width="800"><div class="disclaimer" style="padding: 25px;padding-top:40px;"><span class="wordbreak">
    	<p>Die in dieser E-Mail enthaltenen Informationen sind vertraulich. Diese E-Mail ist ausschließlich für den Adressaten bestimmt und jeglicher Zugriff durch andere Personen ist nicht zulässig. Falls Sie nicht einer der genannten Empfänger sind, ist jede Veröffentlichung, Vervielfältigung, Verteilung oder sonstige in diesem Zusammenhang stehende Handlung untersagt und unter Umständen ungesetzlich. Sollte diese Nachricht nicht für Sie bestimmt sein, so bitten wir Sie, den Absender unverzüglich zu informieren und die E-Mail zu löschen.
      	<br/><br/>
Le informazioni contenute in questa e-mail sono indirizzati unicamente ai destinatari, ai quali la lettura delle stesse è esclusivamente riservata. Nel caso non siate il destinatario del e-mail, non è consentito la sua lettura indebita, la duplicazione, la divulgazione e/o qualsiasi altro uso. Nell'ipotesi che la e-mail non fosse indirizzata a Voi, vogliate cortesemente contattare immediatamente l'indirizzo e-mail indicato nell'indirizzo ossia eliminare la e-mail.</p></span>
    </div>
    </td>
  </tr>
</table>

</body>
...