javascript - Sending HTML through Email - Formatting issue -
i have few different html files i'd send in email (not attachment, html email). html files contain different type components images, tables, charts, lines, differently formatted text. alignment of these elements mixed.. absolute, relative. shows normal intended in browser.. problem comes when seek send through email, in email (tested on gmail) formatting of text , elements on place.. totally loses form , don't display elements. i'd displayed in same form in email gets displayed in browser. sample html is:
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body style="background-color:black"> <!-- page 1 --> <div style="background-color:white; position:relative; margin-left:auto; margin-right:auto; width:595pt; height:842pt; overflow:hidden; "> <div style="position:absolute; top:25.4922pt; left:35pt; font-family:times new roman; font-weight:bold; font-style:italic; font-size:14pt; color:rgb(40,191,56); white-space:pre-wrap;">1291 crocodoc lane </div> <div style="position:absolute; top:22.0195pt; left:226pt; font-family:arial; font-weight:bold; font-size:14pt; color:rgb(255,0,0); white-space:pre-wrap;">its beautiful pakistan. </div> <div style="position:absolute; top:24.4609pt; left:443pt; font-family:arial; font-weight:regular; font-size:16pt; color:rgb(0,0,0); white-space:pre-wrap;">1291 crocodoc lane </div> <!-- line --> <div style="position:absolute; top:43.291pt; left:443pt; width:139.641pt; height:2pt; background-color:rgb(0,0,0); "></div> <div style="position:absolute; top:105pt; left:103pt;"> <img src="images\elaine.png" style="width:186pt; height:99pt;"> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 175.19 58.3792 32.64 32.64 0 0 1 176.64 68 l 144 68 " style="fill:rgb(87,138,202);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 170.968 49.6132 32.64 32.64 0 0 1 175.19 58.3792 l 144 68 " style="fill:rgb(192,80,77);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 164.351 42.481 32.64 32.64 0 0 1 170.968 49.6132 l 144 68 " style="fill:rgb(155,187,89);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 155.925 37.6163 32.64 32.64 0 0 1 164.351 42.481 l 144 68 " style="fill:rgb(128,100,162);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 146.439 35.4513 32.64 32.64 0 0 1 155.925 37.6163 l 144 68 " style="fill:rgb(65,152,175);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 136.737 36.1784 32.64 32.64 0 0 1 146.439 35.4513 l 144 68 " style="fill:rgb(219,132,61);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 127.68 39.7329 32.64 32.64 0 0 1 136.737 36.1784 l 144 68 " style="fill:rgb(147,169,207);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 120.073 45.7992 32.64 32.64 0 0 1 127.68 39.7329 l 144 68 " style="fill:rgb(209,147,146);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 114.592 53.8381 32.64 32.64 0 0 1 120.073 45.7992 l 144 68 " style="fill:rgb(87,138,202);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 111.725 63.1353 32.64 32.64 0 0 1 114.592 53.8381 l 144 68 " style="fill:rgb(192,80,77);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 111.725 72.8648 32.64 32.64 0 0 1 111.725 63.1353 l 144 68 " style="fill:rgb(155,187,89);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 114.592 82.162 32.64 32.64 0 0 1 111.725 72.8648 l 144 68 " style="fill:rgb(128,100,162);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 120.073 90.2009 32.64 32.64 0 0 1 114.592 82.162 l 144 68 " style="fill:rgb(65,152,175);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 127.68 96.2671 32.64 32.64 0 0 1 120.073 90.2009 l 144 68 " style="fill:rgb(219,132,61);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 136.737 99.8217 32.64 32.64 0 0 1 127.68 96.2671 l 144 68 " style="fill:rgb(147,169,207);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 146.439 100.549 32.64 32.64 0 0 1 136.737 99.8217 l 144 68 " style="fill:rgb(209,147,146);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 155.925 98.3837 32.64 32.64 0 0 1 146.439 100.549 l 144 68 " style="fill:rgb(87,138,202);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 164.351 93.519 32.64 32.64 0 0 1 155.925 98.3837 l 144 68 " style="fill:rgb(192,80,77);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 170.968 86.3867 32.64 32.64 0 0 1 164.351 93.519 l 144 68 " style="fill:rgb(155,187,89);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 175.19 77.6208 32.64 32.64 0 0 1 170.968 86.3867 l 144 68 " style="fill:rgb(128,100,162);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 176.64 68 32.64 32.64 0 0 1 175.19 77.6208 l 144 68 " style="fill:rgb(65,152,175);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:147.869pt; left:470.441pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:144.383pt; left:469.366pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:141.368pt; left:467.31pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:139.093pt; left:464.458pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:137.76pt; left:461.062pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:137.488pt; left:457.423pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:138.299pt; left:453.866pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:140.124pt; left:450.706pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:142.798pt; left:448.225pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:146.086pt; left:446.642pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:149.693pt; left:446.098pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:153.301pt; left:446.642pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:156.588pt; left:448.225pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:159.263pt; left:450.706pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:161.087pt; left:453.866pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:161.899pt; left:457.423pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:161.626pt; left:461.062pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:160.294pt; left:464.458pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:158.019pt; left:467.31pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:155.004pt; left:469.366pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:151.518pt; left:470.441pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">5% </div> <div style="position:absolute; top:103.895pt; left:357pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">19940630 </div> <div style="position:absolute; top:222pt; left:37pt;"> <img src="data:image/png;base64,ivborw0kggoaaaansuheugaaa8aaaadwaqmaaad1ip/oaaaaa1bmvex///+nxbviaaaaenrfwhruaxrszqbcyxigy29kzsbqtkegthbwaaaacnrfwhrbdxrob3iasergosqhsgaaaknjrefuejztzysjwdaibua36p7bofjabhv6iymcshiabxcjyhzvk1xza4d5wv+/nhgxv34613g+c6lln87lcjaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8hgpxwcutcuztm+bwqaaaaasuvork5cyii=" style="width:526pt; height:102pt;"> </div> <!-- rectangle --> <div style="position:absolute; top:350pt; left:39pt; width:178pt; height:82pt; border:1pt solid; border-color:rgb(0,0,0);background-color:rgb(40,191,56);"></div> <!-- line --> <div style="position:absolute; top:396pt; left:253pt; width:153pt; height:1pt; background-color:rgb(199,74,220); "></div> <div style="position:absolute; top:335.5pt; left:427.5pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <ellipse cx="85.6667" cy="72.6667" rx="85" ry="72" style="fill:rgb(255,0,0);stroke-width:1pt; stroke:rgb(0,0,0)"/> </svg> </div> </div> <div style="background-color:black; position:relative; height:6pt; width:auto;"> </div> <!-- page 2 --> <div style="background-color:white; position:relative; margin-left:auto; margin-right:auto; width:595pt; height:842pt; overflow:hidden; "> <div style="position:absolute; top:22.0195pt; left:226pt; font-family:arial; font-weight:bold; font-size:14pt; color:rgb(255,0,0); white-space:pre-wrap;">its beautiful pakistan. </div> <div style="position:absolute; top:24.4609pt; left:443pt; font-family:arial; font-weight:regular; font-size:16pt; color:rgb(0,0,0); white-space:pre-wrap;">1240 crocodoc lane </div> <!-- line --> <div style="position:absolute; top:43.291pt; left:443pt; width:139.641pt; height:2pt; background-color:rgb(0,0,0); "></div> <div style="position:absolute; top:105pt; left:103pt;"> <img src="images\elaine.png" style="width:186pt; height:99pt;"> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 111.36 67.9998 32.64 32.64 0 0 1 176.64 68 l 144 68 " style="fill:rgb(87,138,202);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 176.64 68 32.64 32.64 0 1 1 111.36 67.9998 l 144 68 " style="fill:rgb(192,80,77);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:137.453pt; left:455.842pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">50% </div> <div style="position:absolute; top:161.933pt; left:455.842pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">50% </div> <div style="position:absolute; top:103.895pt; left:357pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">19940630 </div> <div style="position:absolute; top:222pt; left:37pt;"> <img src="data:image/png;base64,ivborw0kggoaaaansuheugaaa8aaaadwaqmaaad1ip/oaaaaa1bmvex///+nxbviaaaaenrfwhruaxrszqbcyxigy29kzsbqtkegthbwaaaacnrfwhrbdxrob3iasergosqhsgaaakbjrefuejztzdejwdaibua36p7bofjanhjcgzrcqt5enulfibhx9cuq7g+hp1mji2fs5zv3p8uj/9x8wqegg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbyday/a/fpnc9ndgjuv4aaaaasuvork5cyii=" style="width:526pt; height:102pt;"> </div> <!-- rectangle --> <div style="position:absolute; top:350pt; left:39pt; width:178pt; height:82pt; border:1pt solid; border-color:rgb(0,0,0);background-color:rgb(40,191,56);"></div> <!-- line --> <div style="position:absolute; top:396pt; left:253pt; width:153pt; height:1pt; background-color:rgb(199,74,220); "></div> <div style="position:absolute; top:335.5pt; left:427.5pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <ellipse cx="85.6667" cy="72.6667" rx="85" ry="72" style="fill:rgb(255,0,0);stroke-width:1pt; stroke:rgb(0,0,0)"/> </svg> </div> </div> <div style="background-color:black; position:relative; height:6pt; width:auto;"> </div> <!-- page 3 --> <div style="background-color:white; position:relative; margin-left:auto; margin-right:auto; width:595pt; height:842pt; overflow:hidden; "> <div style="position:absolute; top:25.4922pt; left:35pt; font-family:times new roman; font-weight:bold; font-style:italic; font-size:14pt; color:rgb(40,191,56); white-space:pre-wrap;">1230 crocodoc lane </div> <div style="position:absolute; top:22.0195pt; left:226pt; font-family:arial; font-weight:bold; font-size:14pt; color:rgb(255,0,0); white-space:pre-wrap;">its beautiful pakistan. </div> <div style="position:absolute; top:24.4609pt; left:443pt; font-family:arial; font-weight:regular; font-size:16pt; color:rgb(0,0,0); white-space:pre-wrap;">1230 crocodoc lane </div> <!-- line --> <div style="position:absolute; top:43.291pt; left:443pt; width:139.641pt; height:2pt; background-color:rgb(0,0,0); "></div> <div style="position:absolute; top:105pt; left:103pt;"> <img src="images\elaine.png" style="width:186pt; height:99pt;"> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 154.086 36.9575 32.64 32.64 0 0 1 176.64 68 l 144 68 " style="fill:rgb(87,138,202);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 117.594 48.8146 32.64 32.64 0 0 1 154.086 36.9576 l 144 68 " style="fill:rgb(192,80,77);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 117.594 87.1853 32.64 32.64 0 0 1 117.594 48.8146 l 144 68 " style="fill:rgb(155,187,89);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 154.086 99.0425 32.64 32.64 0 0 1 117.594 87.1853 l 144 68 " style="fill:rgb(128,100,162);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:105pt; left:357pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <path d="m 144 68 l 176.64 68 32.64 32.64 0 0 1 154.086 99.0425 l 144 68 " style="fill:rgb(65,152,175);stroke-width:0;" /> </svg> </div> <div style="position:absolute; top:142.499pt; left:465.744pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">20% </div> <div style="position:absolute; top:138.052pt; left:452.059pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">20% </div> <div style="position:absolute; top:149.693pt; left:443.602pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">20% </div> <div style="position:absolute; top:161.334pt; left:452.059pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">20% </div> <div style="position:absolute; top:156.888pt; left:465.744pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">20% </div> <div style="position:absolute; top:103.895pt; left:357pt; font-family:times new roman; font-weight:; font-size:10pt; color:rgb(0,0,0); white-space:pre-wrap;">19940630 </div> <div style="position:absolute; top:222pt; left:37pt;"> <img src="data:image/png;base64,ivborw0kggoaaaansuheugaaa8aaaadwaqmaaad1ip/oaaaaa1bmvex///+nxbviaaaaenrfwhruaxrszqbcyxigy29kzsbqtkegthbwaaaacnrfwhrbdxrob3iasergosqhsgaaaknjrefuejztzdejwdaibua36p7bofggbuyqujrcgr8vt8nfibjxrmk5s54vnuaspjmjj0/ufpv7+p89uqdvk8bgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaadwwawgawgg8fgmbgmbopbydaydaad/+ebn0mplcmi9gaaaaaasuvork5cyii=" style="width:526pt; height:102pt;"> </div> <!-- rectangle --> <div style="position:absolute; top:350pt; left:39pt; width:178pt; height:82pt; border:1pt solid; border-color:rgb(0,0,0);background-color:rgb(40,191,56);"></div> <!-- line --> <div style="position:absolute; top:396pt; left:253pt; width:153pt; height:1pt; background-color:rgb(199,74,220); "></div> <div style="position:absolute; top:335.5pt; left:427.5pt; width:100%; height:100% "> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" version="1.1"> <ellipse cx="85.6667" cy="72.6667" rx="85" ry="72" style="fill:rgb(255,0,0);stroke-width:1pt; stroke:rgb(0,0,0)"/> </svg> </div> </div> <div style="background-color:black; position:relative; height:6pt; width:auto;"> </div> </body> </html> im using putsmail send inbox html email. know there has issues , wont displayed in browser surprisingly cant find solutions solve problem. help appreciated. thanks
email clients on place back upwards of css , html. have construction 1990's website, using tables, br, etc. campaign monitor has guide on email clients , elements support. i'd start there references. https://www.campaignmonitor.com/css/
it may useful start email template too. zurb has ones @ http://zurb.com/playground/responsive-email-templates , http://zurb.com/ink/templates.php.
javascript html css email
No comments:
Post a Comment