Html Css Inline Newsletter writing example
The challenge is to write HTML with hebrew that goes the opposite direction, but numbers in hebrew and marks and punctation also in hebrew are from left to right and get in conflict with the HTML . This is how it looks in the wordpress site before sending..
<table dir="rtl" bg-color="#fcf7fc" style="width: 100%; max-width: 600px; font-weight: normal; font-family: Verdana, sans-serif; font-size: 14px; line-height: 1.5; color: #3978a8; margin-top: 0px; padding-top: 0px;border-top: 10px solid #598f85;" cellspacing="0" cellpadding="0" align="center">
 <tbody>
 <tr>
 <td style="font-family:verdana,geneva,sans-serif; font-size: 15px; padding: 0px; margin: 0; color: #f4f7f9; text-align: center;" colspan="2" align="center" bgcolor="#d8ebde"><img src="http://www.tarbutheveleilot.info/wp-content/uploads/2017/04/newsletter7.jpg" alt="מתנה לפסח" width="600" height="200" class="aligncenter size-full wp-image-1012" /></td></tr><tr><td bgcolor="#fcf7fc" style="font-family:verdana,geneva,sans-serif,sans-serif; font-size: 14px; padding: 10px 30px 30px; margin:0; color: #3978a8; text-align:right;" colspan="2" align="center"><span style="font-family: verdana,geneva,sans-serif; font-size: 14px;color:#3978a8;">מחלקת התרבות האזורית מודה ליוצרים המקומיים שהשתתפו ביריד <strong>"מתנה לפסח"</strong>.</span><br /><span style="font-family: verdana,geneva,sans-serif; font-size: 14px;color:#3978a8;">יחד נמשיך לחפש דרכים לחשוף את יצירותיכם לתושבי האזור והמבקרים בו.</span><br /> <span style="font-family: verdana,geneva,sans-serif; font-size: 14px;color:#3978a8;">תודה גדולה לצוות המופע <strong>"נשים כותבות שירה"</strong> נתן סלור, דודי לוי, אלון לוטרנגר, ערן צור ועינת בסר על דרכם האמיצה בהגשת מופע של יצירה ישראלית מעמיקה.</span><br><span style="font-family:verdana,geneva,sans-serif;font-size: 16px;font-weight:bold;color:#3978a8;">חג שמח של אהבה והתחדשות לכל תושבי החבל ואורחיו</span></td>
</tr>
</tbody>
</table>
<table dir="rtl" style="width: 100%; max-width: 600px; font-weight: normal; font-family: verdana,geneva,sans-serif; font-size: 15px; line-height: 1.5; color: #426b63; margin-top: -10px; padding-top: 0px; margin-bottom: 0px;"
 cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-family: verdana,geneva,sans-serif; font-size: 28px; color: #426b63; text-align: center; border-top: 10px solid #598f85; padding: 10px;" colspan="2" align="center" bgcolor="#81bad4">בקרוב:</td>
</tr> <tr>
 <td style="padding:0 10px; color: #426b63;" align="right" valign="top" bgcolor="#fefefe" width="60%"><span style="font-size: 20px; font-family: verdana,geneva,sans-serif; font-weight: bold;">25.4</span><span style="font-size: 15px; color: #426b63; font-family: verdana,geneva,sans-serif;"> יום שלישי <br />באולם התרבות<br /></span><span style="font-size: 20px; font-weight: bold; color: #426b63; font-family: verdana,geneva,sans-serif;">20:30</span><br /><span style="color: #3978a8; font-size: 21px; font-family: verdana,geneva,sans-serif;font-weight:bold;">"המסע של פאני' "</span><br><span style="font-weight:normal;font-size:15px;font-family: verdana,geneva,sans-serif;"> Le voyage de Fanny</span><br /><span style="font-family: verdana,geneva,sans-serif; text-align: right; font-size: 15px; color: #426b63;">צרפת 2016 | מגיל 13 ומעלה<br /></span><span style="text-align: right; color: #3978a8; font-size: 15px; font-weight: normal;"> בימוי: <strong>לולה דואיון</strong><br />שחקנים:<strong>לאוני סושו, ססיל דה פרנס, סטפן דה גרוטסם</strong></span><span style="text-align: right; color: #426b63; font-size: 15px; font-weight: bold;font-family: verdana,geneva,sans-serif;"><br />הסרט מבוסס על סיפורה האישי של פאני, אמא של מימי סגל מקיבוץ קטורה. סיפור מעורר השראה על אומץ לב ותושיה. אנו נארח את פאני והקהל יוכל לשאול שאלות ולשוחח עמה.</span>
 </td>
 <td style="text-align: left; font-size: 15px;" align="left" valign="top" bgcolor="#fcf7fc" width="40%"><a href="http://news.tarbutheveleilot.info/fanny"><img src="http://www.tarbutheveleilot.info/wp-content/uploads/2017/03/fannyATAR.jpg" alt="פאני" width="300" height="450" class="aligncenter size-full wp-image-976" /></a>
 </td>
 </tr>
 <tr bgcolor="#fcf7fc">
 <td style="text-align: right; padding: 5px 10px; font-weight: normal;font-family: verdana,geneva,sans-serif; font-size: 15px; color: #426b63;" align="right" valign="top" bgcolor="#dbdbd3">מחיר כרטיס:<span style="font-weight: normal;"> 30 ₪</span><br />כרטיסים בקופה בכניסה לאולם</td>
 <td style="text-align: left; padding: 5px 10px; font-weight: bold; font-size: 18px; color: #3978a8;font-family: verdana,geneva,sans-serif;" valign="top" bgcolor="#dbdbd3" height="20">
 <a style="color: #3978a8;font-family: verdana,geneva,sans-serif;font-style: normal; font-weight: bold; font-size: 18px; text-decoration: none;" href="http://news.tarbutheveleilot.info/fanny" target="_blank">⇱ </a><a style="color: #3978a8; font-style: normal; font-weight: bold; text-decoration: none;" href="http://news.tarbutheveleilot.info/fanny" target="_blank">פרטים</a></td></tr><tr><td style="font-family:verdana,geneva,sans-serif; font-size: 15px; color: #426b63; padding:0 10px 10px;" colspan="2" bgcolor="#dbdbd3">* המחיר כולל שתייה ומאפה, מוזמנים להגיע החל מהשעה 20:00 </td>
 </tr> 
<tr><td style="border-top:10px solid #598f85;border-bottom: 20px solid #81bad4;margin:0 auto;" colspan="2" align="center"></td></tr>
<tr style="background-color:#f4dfc0;"><td><p dir="rtl" style="text-align: center; padding-top:15px;"><span style="font-size: 16px; color: #3978a8;"><strong><span style="font-family: courier new,courier,monospace;">קול קורא ליוצרים בחבל אילות</span></strong></span><br><span style="font-size: 20px; color: #3978a8;"><strong><span style="font-family: courier new,courier,monospace;">"לעוף"</span></strong></span></p><p style="text-align: center;"><span style="font-size: 16px;"><strong><span style="font-family: courier new,courier,monospace; color: #3978a8;">לעוף באומנות ובמדע</span></strong></span>
<span style="font-size: 16px;"><strong><span style="font-family: courier new,courier,monospace; color: #3978a8;"> תערוכה על ציפורים ומעופן</span></strong></span></p>
<ul dir="rtl" style="list-style-type: circle;padding-left:15px;">
     <li dir="rtl" style="text-align: right;"><span style="font-family: courier new,courier,monospace; font-size: 14px; color: #3978a8;">לעוף – באומנות הצילום הציור הפיסול והרישום</span></li>
     <li dir="rtl" style="text-align: right;"><span style="font-family: courier new,courier,monospace; font-size: 14px; color: #3978a8;">לעוף - במדע באמצעות המחשה</span></li>
     <li dir="rtl" style="text-align: right;"><span style="font-family: courier new,courier,monospace; font-size: 14px; color: #3978a8;">לעוף - ביצירה ובכתיבה</span></li>
</ul>
    <p style="text-align: right;margin-right:15px;"><span style="font-family: courier new,courier,monospace; font-size: 14px; color: #3978a8;"><strong>התערוכה תיפתח באמצע יולי ותוצג למשך שלושה חודשים.</strong>יוצרים מוזמנים לשלוח פרטים לכתובת המייל <strong><span style="color:#3978a8!important;">daffyeng@gmail.com</span></strong><br></span><span style="font-family: courier new,courier,monospace; font-size: 14px; color: #3978a8;"><strong>הטלפון של דפי אנגל 054-9798385</strong></span><br><span style="font-family: courier new,courier,monospace; font-size: 14px;"><span style="color: #3978a8;">מועד אחרון להגשה 5.5.2017</span></span></p>
<p style="text-align: right;margin-right:15px;padding-bottom:15px;"><span style="font-family: courier new,courier,monospace; font-size: 14px; color: #3978a8;">בחירת העבודות שיוצגו בתערוכה תעשה על ידי צוות התערוכה</span></p></td><td style="text-align: left; font-size: 15px;" align="left" valign="top" bgcolor="#f4dfc0" width="40%"><a href="http://news.tarbutheveleilot.info/galeria"><img src="http://www.tarbutheveleilot.info/wp-content/uploads/2017/03/lauf.jpg" alt="לעוף" width="300" height="416" class="aligncenter size-full wp-image-973" /></a>
</td>
</tr>
</tbody>
</table>
 

This is the newsletter how the subscriber get it. In order to work in any mail every little style has to be defined in inline CSS. Its like to write websites years ago. Could be a good job for those who learned coding in the old style.

You may also like

Moodboard
04/2016
Indesign Publish online
05/2016
Back to Top