css - aligning tables left and right for responsive html emails - Outlook 2010 Issue -


im having issue 'nav' area of email im coding. works fine in browsers , works responsively, (http://imgur.com/3ivr3pu) when opened in outlook.

the code block below.

any ideas how can make sit next left element?

<layout label='nav'>     <table border="0" cellpadding="0" cellspacing="0" align="center" width="580" class="devicewidth" style="mso-table-lspace:0;mso-table-rspace:0;">     <tr>     <td>   <table border="0" cellpadding="0" cellspacing="0" align="left" width="50%" class="devicewidth" style="mso-table-lspace:0;mso-table-rspace:0; border-collapse:collapse;"> <tr bgcolor="#9cacbc"><td class="borderbottom" width="50%" style="font-size: 13px; color: #ffffff !important; font-weight: normal; text-align: center; font-family: arial, helvetica, sans-serif; line-height: 18px; vertical-align: top; margin-top:0; padding: 5px 10px 8px 10px; border-right: 1px solid #ffffff;">     <singleline><a href="#" title="brochures" style="color:#ffffff !important; text-decoration:none;"><font color="#ffffff">brochures</font></a></singleline> </td> <td class="noborder borderbottom" width="50%" style="font-size: 13px; color: #ffffff !important; font-weight: normal; text-align: center; font-family: arial, helvetica, sans-serif; line-height: 18px; vertical-align: top; margin-top:0; padding: 5px 10px 8px 10px;border-right: 1px solid #ffffff;">         <singleline><a href="#" title="specials" style="color:#ffffff !important; text-decoration:none;"><font color="#ffffff">specials</font></a></singleline> </td> </tr> </table>  <table border="0" cellpadding="0" cellspacing="0" align="right" width="50%" class="devicewidth" style="mso-table-lspace:0;mso-table-rspace:0; border-collapse:collapse;"> <tr bgcolor="#9cacbc"><td width="50%" style="font-size: 13px; color: #ffffff !important; font-weight: normal; text-align: center; font-family: arial, helvetica, sans-serif; line-height: 18px; vertical-align: top; margin-top:0; padding: 5px 10px 8px 10px; border-right: 1px solid #ffffff;">         <singleline><a href="#" title="destinations" style="color:#ffffff !important; text-decoration:none;"><font color="#ffffff">destinations</font></a></singleline> </td> <td width="50%" style="font-size: 13px; color: #ffffff !important; font-weight: normal; text-align: center; font-family: arial, helvetica, sans-serif; line-height: 18px; vertical-align: top; margin-top:0; padding: 5px 10px 8px 10px;">         <singleline><a href="#" title="contact us" style="color:#ffffff !important; text-decoration:none;"><font color="#ffffff">contact us</font></a></singleline>          </td>         </tr>         </table>  </td></tr> </table> </layout>

the fact outlook uses word (not ie) rendering html markup. try open page in word make sure works correctly. can read supported , unsupported html elements, attributes, , cascading style sheets properties in following series of articles in msdn:

hope find information helpful.


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l...
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more