css - Multiple issues with HTML, It wont center, and the footer is placing things all over -
i programming html email sent out , can not figure out why going crazy this.
i have sent out emails in past using same pieces of code ( footer sections) , worked fine , wont work time around. code seems render fine in chrome via dreamworks "real-time preview" not render correctly when opened in internet explorer or edge, or more importantly outlook mail system. new html still , have racked brain on no avail. spent hours adding in "align="center"" , trying many other things fix not insane footer placement fact wont center!
image of want when done help!
<html> <head> <title>8,22,17 enewsleter 477 , mikrotik</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="width: 700" align="center"> <table id="header" width="700" height="75" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td rowspan="2"> <a href="https://www.linktechs.net/productcart/pc/home.asp" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_01.png" height="78"> </a> </td> <td valign="top" align="right" height="36"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_03.png" width="130"> <a href="https://www.facebook.com/linktechnologiesinc/" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_04.png" height="48"></a> <a href="https://twitter.com/linktechsdotnet" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_05.png" height="48"></a> <a href="https://www.linkedin.com/company-beta/9211300/" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_06.png" height="48"></a> </td> </tr> <tr align="right"> <td colspan="3" align="right" valign="top"> <a href="tel:314-7350270" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_07.png" width="120"></a><a href="mailto:sales@linktechs.net" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_08.png" width="170"></a> </td> </tr> </table> <!--links header files in order http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_01.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_03.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_04.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_05.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_06.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_07.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_08.png --> <!-- save web slices (8,22,17 enewsleter 477 , mikrotik.psd) --> <table id="table_01" width="700" height="923" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td> <a href="https://www.towercoverage.com/en-us/dashboard/neworder"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,22,17_477_mikrotik_sale/8,22,17-enewsleter-477-and-mikrotik_01.png" width="700" height="420" alt="caution: 477 section 5.3 data billing system provides wrong! don’t understate actual coverage area 90+% using data provided billing system. must have accurate rf propagation maps data correct!"></a> </td> </tr> <tr> <td> <a href="http://www.linktechs.net/productcart/pc/showspecials.asp"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,22,17_477_mikrotik_sale/8,22,17-enewsleter-477-and-mikrotik_02.png" width="700" height="305" alt="mikrotik sale @ link technologies inc." style="display: block;"></a> </td> </tr> <tr> <td> <a href="https://www.linktechs.net/productcart/pc/viewcontent.asp?idpage=77"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,22,17_477_mikrotik_sale/8,22,17-enewsleter-477-and-mikrotik_03.png" width="700" height="198" alt="link technology offers support" style="display: block;"></a> </td> </tr> </table> <!-- end save web slices --> <!-- begin of foooter --> <table id="footer" align="center" style="width:700px" cellspacing="0" cellpadding="0"> <!--insert additional parts below line--> <!-- start of powerlink ad --> <tr style="position: relative;display: block; padding:0;margin: 0;"> <td colspan="4"> <a href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2251&idcategory=0" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,8,2017_surveillance/5th-power-link-footer.png" alt="powerlink battery powered poe injector built-in wi-fi access point. no more running test cable! 8 watt or 15 watt options available." width="700" height="168" usemap="#map2" border="0" style="display: block"> </a> <map name="map2" style="z-index: 50"> <area shape="rect" coords="344,113,446,155" href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2233&idcategory=0" target="_blank" alt="8 watt"> <area shape="rect" coords="495,114,594,155" href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2251&idcategory=0" target="_blank" alt="15 watt"> </map> </td> </tr> <!-- end of powerlink ad --> <!--insert additional parts above line--> <tr style=";display: block;"> <td> <a href="https://www.towercoverage.com//" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_01.png" width="175" height="88" alt="towercoverage.com"> </a> </td> <td> <a href="http://www.ispradio.com/" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_02.png" width="175" height="88" alt="isp radio network" style="display: block"> </a> </td> <td> <a href="https://www.linktechs.net/productcart/pc/viewcontent.asp?idpage=33" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_03.png" width="175" height="88" alt="hotspot network manager" style="display: block" align="center"> </a> </td> <td> <a href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2046&idcategory=0" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_04.png" width="175" height="88" alt="power router v4" style="display: block" align="center"> </a> </td> </tr> <tr style="position: relative;display: block; padding:0;margin: 0;"> <td> <a href="##htmlnewsletterurl##" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_05.png" width="233" height="25" alt="view html"> </a> </td> <td style="padding: 0"> <a href="http://news.linktechs.net/members.aspx?task=ff&s=1&n=54&format=html&e=support%40linktechs.net"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_006.png" width="234" height="25" alt="forward freind"> </a> </td> <td> <a href="##optouturl##"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_07.png" width="233" height="25" alt="opt out"> </a> </td> </tr> </table> <!--links images in order! /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_01.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_02.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_03.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_04.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_05.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_06.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_07.png --> <!-- end of footer --> </body> </html>
i able answer own question happens across this. not understand why, adding second table bottom part of page fixed issue.
here code fixed way.
even though answered myself, , solution problem. not understand why solution. threw things @ until figured out worked. if know why feel free answer again , credit true answer.
<html> <head> <title>8,22,17 enewsleter 477 , mikrotik</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table id="header" width="700" height="75" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td rowspan="2"> <a href="https://www.linktechs.net/productcart/pc/home.asp" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_01.png" height="78"> </a> </td> <td valign="top" align="right" height="36"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_03.png" width="130"> <a href="https://www.facebook.com/linktechnologiesinc/" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_04.png" height="48"></a> <a href="https://twitter.com/linktechsdotnet" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_05.png" height="48"></a> <a href="https://www.linkedin.com/company-beta/9211300/" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_06.png" height="48"></a> </td> </tr> <tr align="right"> <td colspan="3" align="right" valign="top"> <a href="tel:314-7350270" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_07.png" width="120"></a> <a href="mailto:sales@linktechs.net" target="_blank"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_08.png" width="170"></a> </td> </tr> </table> <!--links header files in order http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_01.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_03.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_04.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_05.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_06.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_07.png http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newheader_08.png --> <!-- save web slices (8,22,17 enewsleter 477 , mikrotik.psd) --> <table id="table_01" height="923" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="699"> <a href="https://www.towercoverage.com/en-us/dashboard/neworder"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,22,17_477_mikrotik_sale/8,22,17-enewsleter-477-and-mikrotik_01.png" width="700" height="420" alt="caution: 477 section 5.3 data billing system provides wrong! don’t understate actual coverage area 90+% using data provided billing system. must have accurate rf propagation maps data correct!"></a> </td> </tr> <tr> <td> <a href="http://www.linktechs.net/productcart/pc/showspecials.asp"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,22,17_477_mikrotik_sale/8,22,17-enewsleter-477-and-mikrotik_02.png" width="700" height="305" alt="mikrotik sale @ link technologies inc." style="display: block;"></a> </td> </tr> <tr> <td> <a href="https://www.linktechs.net/productcart/pc/viewcontent.asp?idpage=77"><img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,22,17_477_mikrotik_sale/8,22,17-enewsleter-477-and-mikrotik_03.png" width="700" height="198" alt="link technology offers support" style="display: block;"></a> </td> </tr> </table> <!-- end save web slices --> <!-- begin of foooter --> <table id="footer" align="center" style="width:700px" cellspacing="0" cellpadding="0"> <!--add extras below line--> <!-- start of powerlink ad --> <tr style="position: relative;display: block; padding:0;margin: 0;"> <td colspan="4"> <a href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2251&idcategory=0" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,8,2017_surveillance/5th-power-link-footer.png" alt="powerlink battery powered poe injector built-in wi-fi access point. no more running test cable! 8 watt or 15 watt options available." width="700" height="168" usemap="#map2" border="0" style="display: block"> </a> <map name="map2" style="z-index: 50"> <area shape="rect" coords="344,113,446,155" href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2251&idcategory=0" target="_blank" alt="8 watt"> <area shape="rect" coords="495,114,594,155" href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2251&idcategory=0" target="_blank" alt="15 watt"> </map> </td> </tr> <!-- end of powerlink ad --> <!--add extras above line--> <tr style="position: relative;display: block; padding:0;margin: 0;"> <td> <a href="https://www.towercoverage.com//" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,8,2017_surveillance/footer-1-towercoverage.png" width="175" height="88" alt="towercoverage.com" style="display: block"> </a> </td> <td> <a href="http://www.ispradio.com/" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,8,2017_surveillance/footer-2-isp-radio.png" width="175" height="88" alt="isp radio network" style="display: block"> </a> </td> <td> <a href="https://www.linktechs.net/productcart/pc/viewcontent.asp?idpage=33" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,8,2017_surveillance/footer-3-hsnm.png" width="175" height="88" alt="hotspot network manager" style="display: block" align="center"> </a> </td> <td> <a href="https://www.linktechs.net/productcart/pc/viewprd.asp?idproduct=2046&idcategory=0" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/2017/002_august/8,8,2017_surveillance/footer-4-pr4.png" width="175" height="88" alt="power router v4" style="display: block" align="center"> </a> </td> </tr> </table> <table id="footer2" align="center" style="width:700px" cellspacing="0" cellpadding="0"> <tr> <td> <a href="##htmlnewsletterurl##" target="_blank"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_05.png" width="233" height="25" alt="view html"> </a> </td> <td style="padding: 0"> <a href="http://news.linktechs.net/members.aspx?task=ff&s=1&n=54&format=html&e=support%40linktechs.net"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_006.png" width="234" height="25" alt="forward freind"> </a> </td> <td> <a href="##optouturl##"> <img src="http://news.linktechs.net/uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_07.png" width="233" height="25" alt="opt out"> </a> </td> </tr> </table> <!--links images in order! /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_01.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_02.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_03.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_04.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_05.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_06.png /uploadedimages/000002/newsletter/00-permanent-assets/newfootersliced_07.png --> <!-- end of footer --> </body> </html>
Comments
Post a Comment