css - How to send image to email as position absolute with html text -


i'm trying send image position absolute html text behind image when send gmail or other email show image in bottom html text. absolute css not working.

below template

<template name="welcome"> <html> <head>  </head> <body style="font-family: 'roboto slab', serif;"> <div class='container-fluid'>     <img src="http://qa.couchfashion.com/images/mailer.png" style=" position: relative;width: 100%;left: 0;">      <div style="top: -44px;position: absolute;z-index: 999999;">         <div class='mailer-name text-center' >             <h3 style=" font-size: 80px;"> hey {{receivername}} </h3>         </div>         <div class="mailer-content" style="margin-top: 120px;             text-align: center;             text-align: justify;             padding-left: 10%;             padding-right: 10%;">             <h1 class="text-center"> welcome couch </h1>             <hr>             <h3 class="text-center"> how use couch? </h3>             <h2 class="text-center"> step 1 </h2>             <h3 class="text-center"> browse products &amp; articles </h3>             <p>congratulations ladies! you've made first step of couch. step                 easiest                 step. sure have great time browsing through our products , articles                                 best of them. make sure best gets best! </p>              <h2 class="text-center"> step 2 </h2>             <h3 class="text-center"> collect things love </h3>             <p>                 hello again! here on second step. easy too. have click on                 love                 button collect favourite products , articles there. , there go. have                 own                 personalized collection. woo-hoo!             </p>               <h2 class="text-center"> step 3 </h2>             <h3 class="text-center"> appreciation </h3>             <p>this best step. flaunt beautiful talents ladies! people can see                 closet                 , have glance @ choice. isn't cool? can promote style , make popular.                 let's                 started ladies!</p>             <h3 class="text-center"> signing </h3>             <h3 class="text-center"> love &amp; regards </h3>             <h4 class="text-center"> team couch </h4>         </div>     </div> </div> </body> </html>

css position not supported in email clients (both relative , absolute). best way achieve making image background image:

<table role="presentation" aria-hidden="true" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" align="center" width="600" style="margin: auto;" class="email-container">     <tr>         <td background="http://qa.couchfashion.com/images/mailer.png" bgcolor="#222222" valign="middle" style="text-align: center; background-position: center center !important; background-size: cover !important;">             <div>                 <table role="presentation" aria-hidden="true" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">                     <tr>                         <td valign="middle" style="text-align: center; padding: 15%ont-family: sans-serif; font-size: 15px;">                              >> place text layout in tables instead of divs <<                          </td>                     </tr>                 </table>             </div>         </td>     </tr> </table>

it's still safer use <table>s instead of <div>s email, unless gmail client have support.


-

Comments

Post a Comment

Popular posts from this blog

php - Permission denied. Laravel linux server -

when try register , send email user got error. working till yesterday. today gives me , cant figure out why. way on local testing work's. i'm stuck. please errorexception in compiled.php line 7512: file_put_contents(/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php): failed open stream: permission denied in compiled.php line 7512 @ handleexceptions->handleerror('2', 'file_put_contents(/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php): failed open stream: permission denied', '/var/www/html/bootstrap/cache/compiled.php', '7512', array('path' => '/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php', 'contents' => 'please activate account clicking on following link. <a href="<?php echo e(route('auth.activate', $token)); ?>"><?php echo e(route('auth.activate', $token)); ?...
Read more

google bigquery - Delta between query execution time and Java query call to finish -

context our container cluster located @ us-east1-c we using following java library: google-cloud-bigquery, 0.9.2-beta our dataset has around 26m rows , represents ~10g all of our queries return less 100 rows grouping on specific column question we analyzed last 100 queries executed in bigquery, these executed in 2-3 seconds (we analyzed calling bq --format=prettyjson show -j jobid , end time - creation time). in our java logs though, of calls bigquery.query blocking 5-6 seconds (and 10 seconds not out of ordinary). explain systematic gap between query finish in bigquery cluster , results being available in java? know 5-6 seconds isn't astronomic, curious see if normal behaviour when using java bigquery cloud library. i didn't dig point analyzed outbound call using wireshark. our tests executed in our container cluster (kubernetes). code queryrequest request = queryrequest.newbuilder(sql) .setmaxwaittime(30000l) .setuselega...
Read more

python - Pandas two dataframes multiplication? -

i have 2 data frames (a , b) a: column 1, column 2, column 3 0.1 0.5 0.7 b: row 1 5 row 2 6 row 3 7 how perform multiplication like (0.1)*5, (0.5)* 6, , (0.7)*7? in other words, how multiply value in first row of b value in first column of a, second row of b value in second column of b, , etc? you want multiply values without respect whether rows or columns. pd.series(a.values.ravel() * b.values.ravel()) 0 0.5 1 3.0 2 4.9 dtype: float64
Read more