outlook - background Image with VML -

-

i'm having problem - have background image (background image here) it's not displaying in outlook desktop. in first line can find background-image location. know should add vml, don't know where.

here's code 

<table height="400px" width="100%" class="wrapper" style="border-collapse: collapse;border-spacing: 0;;width: 100%;min-width: 620px;background-image: url();m-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;table-layout: fixed;background-image: url(background image here)"> <tbody><tr>   <td style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;vertical-align: top; background-image: url()">     <center>       <table height="400px" class="one-col-feature" style="border-collapse: collapse;border-spacing: 0;border-radius: 6px;background-image: url()-moz-border-radius: 6px;width: 600px;margin-left: auto;margin-right: auto">         <tbody><tr>           <td class="column" style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;vertical-align: top;text-align: center">             <table class="contents-blue" style="border-collapse: collapse;border-spacing: 0;width: 100%;;border-radius: 6px; background-color:#;background-image: url();-moz-border-radius: 6px;margin-top: 0;margin-bottom: 0;margin-left: auto;margin-right: auto">                                       <tbody><tr>                 <td style="padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;vertical-align: top">                   <div><div class="column-top" style="font-size: 30px;line-height: 30px">&nbsp;</div></div>                     <table style="border-collapse: collapse;border-spacing: 0;width: 100%" width="100%">                       <tbody><tr>                         <td class="padded" style="padding-top: 0;padding-bottom: 0;padding-left: 40px;padding-right: 40px;vertical-align: top"><a href=""><a href=""><a href=""></td>                       </tr>                     </tbody></table>                      <table style="border-collapse: collapse;border-spacing: 0;width: 100%" width="100%">                       <tbody><tr>                         <td class="padded" height="400" style="padding-top: 0;padding-bottom: 0;padding-left: 40px;padding-right: 40px;vertical-align: top"><h1 style="font-weight: normal; -webkit-font-smoothing: antialiased; font-family: arial; color: #ffffff; margin-bottom: 30px; font-size: 90px; line-height: 40px; text-align: center">&nbsp;</h1>                           <h1 style="font-weight: normal; -webkit-font-smoothing: antialiased; font-family: arial; color: #ffffff; margin-bottom: 30px; font-size: 90px; line-height: 50px; letter-spacing:10px; word-break:break-word; text-align: center"><span style="font-size: 50px; font-family: helvetica, arial, sans-serif; color: #ffffff;">/span></h1> <h1 style="font-weight: normal; -webkit-font-smoothing: antialiased; font-family: helvetica, arial, sans-serif; color: #ffffff; margin-bottom: 30px; font-size: 30px; line-height: 40px; text-align: center">sui news            </h1> <p style="font-weight: normal; -webkit-font-smoothing: antialiased; font-family: arial; color: #ffffff; margin-bottom: 30px; font-size: 16px; line-height: 24px; text-align: center"><span style="-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: none; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; padding-left: 0 !important; margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important; font-family: arial;">some text here</span></p> <p style="margin-top: 0;font-weight: normal;-webkit-font-smoothing: antialiased;font-family: arial;color: #ffffff;margin-bottom: 20px;font-size: 16px;line-height: 24px;text-align: center">some text here</p></td>                       </tr>                     </tbody></table>                    <div class="column-bottom" style="font-size: 10px;line-height: 10px">&nbsp;</div>                 </td>               </tr>             </tbody></table>           </td>         </tr>       </tbody></table>     </center>   </td>  </tr> </tbody></table>

best reference using backgrounds in html email bulletproof backgrounds - http://backgrounds.cm/

it write code (vml , html/css) , gives explanation on insert it.


Comments

Post a Comment

Popular posts from this blog

google chrome - Developer tools - How to inspect the elements which are added momentarily (by JQuery)? -

-
i looking @ how website designed using inspector in chrome. can use firefox developer tools or firefox web developer add-on or chrome web developer extension. so website has slide-show , using jquery it. looking @ markup , css in inspector, i see 2 things constantly changing slides change: one opacity css property understandable, i'd see changing values, changes fast see read anything. second- a div added in div slides change momentarily , moment when appears short notice except div . so question is there way stop slideshow can temporarily rid of blinking sort of effect (by speedy adding , removal , changing of elements , values)? where can inspect div element gets added such short moment , , gets removed? , can see changes in value of opacity takes place? is there way stop slideshow can temporarily rid of blinking sort of effect (by speedy adding , removal , changing of elements , values)? if opacity animated css transition or animation,
Read more

angularjs - Showing an empty as first option in select tag -

-
my app showing empty select field first entry. have read other solution given , tried still not working. my controller code is: .controller('usercreatecontroller', function(user,profile,auth) { alert("hello"); var vm = this; vm.type = 'create'; profile.all() //this service fetch profiles shown in select field .success(function(data){ vm.profile = data; }); vm.userdata.profile = vm.profile[0]; //here have set default value select field and html page is: <label class="col-sm-2 control-label">profile</label> <div class="col-sm-8"> <select ng-model="user.userdata.profile" ng-options="person._id person.profilename person in user.profile"> </select> </div> hierarchy of vm.profile { "_id": 46, "profile": objectid("5516498e95b84548156db754"), "isactive": true, "password": "$2
Read more

php - Cloud9 cloud IDE and CakePHP -

-
i attempting cakephp running on cloud9, cloud based ide. unaware, cloud collaboration ide intermixes services such bitbucket. site gives sudo rights, , installed cakephp using these instructions: https://www.digitalocean.com/community/tutorials/how-to-install-cakephp-on-an-ubuntu-12-04-vps when attempt run database exported machine cakephp installed, error message "url rewriting not configured on server." attempted solve issue using official guide cakephp: http://book.cakephp.org/2.0/en/installation/url-rewriting.html but no cigar, same error message. has gotten cakephp working, or aware of cloud ide free/low cost cloud9 support cakephp? here's how got working now: sudo apt-get update sudo apt-get install php5-intl curl -ss https://getcomposer.org/installer | php -- --filename=composer ./composer create-project --prefer-dist cakephp/app this creates project in /app default. move workspace docroot: mv app/* ./ mv app/.* ./ rm -rf app then de
Read more