html5 - email Template design -

-

i working email template design. issue if see design there element "p" , there vertical black line above , below "p", issue line doesn't join other "p" line. content in white background part dynamic, can't fix height.

my question how can overcome issue.

please me. in advance.

<table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="container" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <tbody> <tr> <td align="center" style="color:#fff;"> <h1 style="background-color:#2c3840; padding:12px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; font-size:22px;margin:0px; font-weight:normal;">september 23</h1> </td> </tr> </tbody> </table> <!--time--> <table width="600" cellspacing="0" cellpadding="0" colspan="0" border="0" align="center" class="container" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; background-color:#e7ebed;"> <tbody> <tr> <td align="center" style="color:#fff;"> <table width="600" cellspacing="0" cellpadding="0" border="0" colspan="0" align="left" class="container" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <tbody> <!--row1--> <tr> <td align="center" width="20%" style="color:#000; font-family:arial, helvetica, sans-serif; text-align:left; padding:25px 10px;"> <p style="color:#666;margin:0px;padding-left: 20px;">08:00</p> </td> <td width="10%"> <span style="width:3px;  background-color:#2c3840; margin-left: 18px;   margin-top: -48px;">&nbsp;</span> <p style="background-color:#ef7247;width:35px;margin:0px; height:35px; line-height: 35px;text-align: center;border:3px solid #2c3840; border-radius:50%;">p</p> <span style="width:3px; background-color:#2c3840; margin-left: 18px;   margin-top: -48px;">&nbsp;</span> </td> <td align="center" width="60%" style="color:#000; font-family:arial, helvetica, sans-serif; padding-left:10px; padding-right:10px; text-align:left;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 4%;"> <tbody> <tr> <td><img src="http://alialamshahi.com/themes/eventify/images/tri_left.png"></td> <td><h4 style="background-color:#fff;border-radius:10px; padding:15px; color:#2c3840;margin:0px;"> pre-party <strong style="color:#999;">sponsored sphere labs sponsored sphere labs sponsored sphere labssponsored sphere labssponsored sphere labssponsored sphere labs</strong>  </h4></td> </tr> </tbody> </table> </td> </tr> <!--row1--> <tr> <td align="center" width="20%" style="color:#000; font-family:arial, helvetica, sans-serif; text-align:left; padding:25px 10px;"> <p style="color:#666;margin:0px;padding-left: 20px;">08:00</p> </td> <td width="10%"> <span style="width:3px;  background-color:#2c3840; margin-left: 18px;   margin-top: -48px;">&nbsp;</span> <p style="background-color:#ef7247;width:35px;margin:0px; height:35px; line-height: 35px;text-align: center;border:3px solid #2c3840; border-radius:50%;">p</p> <span style="width:3px; background-color:#2c3840; margin-left: 18px;   margin-top: -48px;">&nbsp;</span> </td> <td align="center" width="60%" style="color:#000; font-family:arial, helvetica, sans-serif; padding-left:10px; padding-right:10px; text-align:left;"> <table cellpadding="0" cellspacing="0" border="0"> <tbody> <tr> <td><img src="http://alialamshahi.com/themes/eventify/images/tri_left.png"></td> <td><h4 style="background-color:#fff;border-radius:10px; padding:15px; color:#2c3840;margin:0px;"> pre-party <strong style="color:#999;">sponsored sphere labs sponsored sphere labs sponsored sphere labssponsored sphere labs sponsored sphere labs sponsored sphere labssponsored sphere labssponsored sphere labssponsored sphere labssponsored sphere labs</strong>  </h4></td> </tr> </tbody> </table> </td> </tr>            </tbody> </table>     <!--time--> <table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="container" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <tbody> <tr> <td align="center" style="color:#fff;"> <h1 style="background-color:#2c3840; padding:12px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; font-size:22px;margin:0px; margin-bottom:2px; font-weight:normal;">september 24</h1> </td> </tr> </tbody> </table> <table width="600" cellspacing="0" cellpadding="0" border="0" align="center" class="container" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> <tbody> <tr> <td align="center" style="color:#fff;"> <h1 style="background-color:#2c3840; padding:12px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; font-size:22px;margin:0px; font-weight:normal;">september 25</h1> </td> </tr> </tbody> </table>

set properties style top , bottom borders. u can use style below...hope want. 

.classname {     border-top: 1px solid #000;     border-bottom: 1px solid #000; }

Comments

Post a Comment

Popular posts from this blog

javascript - How to get current YouTube IDs via iMacros? -

-
i want viewed youtube video id , save csv via imacros, gets nothing. here js code: var videoid; videoid ="code:"; videoid +="url goto=https://www.youtube.com/watch?v=dbnywxdz_pa"+"\n"; videoid +="add !extract {{!urlcurrent}}"+"\n"; videoid +="set !var1 eval(\"var s=\"{{!urlcurrent}}\"; s.match((?<=watch\\?v=|/videos/|embed\\/)[^#\\&\\?]*);s[0]; \")"+"\n"; videoid +="add !extract {{!var1}}"+"\n"; videoid +="saveas type=extract folder=* file=url.csv"+"\n"; try this: var videoid = "url goto=https://www.youtube.com/watch?v=dbnywxdz_pa" + "\n"; videoid += "set !extract {{!urlcurrent}}" + "\n"; videoid += 'set !extract eval("\'{{!extract}}\'.match(/v=(.{11})/)[1];")' + "\n"; videoid += "saveas type=extract folder=* file=url.csv" + "\n"; iimplay
Read more

c# - Maintaining a program folder in program files out of date? -

-
for program i'm writing in vs c# wpf need store user related information on user's computer. far knew has been done creating folder in c:\program files , adding whatever program related info folder in subfolders or whatever. after doing browsing came across lot of people saying method out of date because access may denied create folder there, works administrative accounts, etc.. 1 site suggested saving c:\users\username\appdata\roaming or c:\users\username\appdata\local. question best , date method saving program data users computer? also take @ msdn article . it uwp apps have general idea put if developing wpf app. you may need these folders: environment.specialfolder.applicationdata environment.specialfolder.localapplicationdata environment.specialfolder.commonapplicationdata
Read more

emulation - Android map show my location didn't work -

-
i have been struggle current location in google map, tried official map demo, not working also. shows getmylocation button on upper right, didn't show blue dot on map current location. here code , i'm using emulator target api 23, guess may emulator's problem since code download directly github. advice appreciated. [screenshot][1] package com.example.mapdemo; import com.google.android.gms.maps.googlemap; import com.google.android.gms.maps.googlemap.onmylocationbuttonclicklistener; import com.google.android.gms.maps.onmapreadycallback; import com.google.android.gms.maps.supportmapfragment; import android.manifest; import android.content.pm.packagemanager; import android.os.bundle; import android.support.annotation.nonnull; import android.support.v4.app.activitycompat; import android.support.v4.content.contextcompat; import android.support.v7.app.appcompatactivity; import android.widget.toast; /** * demo
Read more