css - HTML email doesn't work :/ -

-

i got problem html newsletter. when run code internet website, all's clear. when import on outlook, css doesn't count. normal? thank's

email here

html & css here 

          <style>          body {              max-width: 600px;              background-color: rgb(67, 153, 186);          }                    h1 {              color: rgb(214, 196, 0);          }                    h2 {              font-weight: bold;          }                    * {              font-family: "univers lt 45", sans-serif;          }                    p {              background-color: rgba(255, 255, 255, 0.2)          }                    #newsletterprona {              flex-direction: column;              rgb(67, 153, 186);          }                    #news {}                    #yellow {              background-color: rgb(214, 196, 0);              width: 100%;              margin-bottom: auto;              overflow: hidden;          }                    #yellowl {              float: left;              width: 50%;          }                    #yellowr {              position: relative;              float: right;              width: 50%;          }                    #h1v2 {              color: rgb(67, 153, 186);              background-color: rgb(214, 196, 0);          }                    #personnel {              flex-direction: column;          }                    #qsum {              background-color: rgb(214, 196, 0);              overflow: hidden;          }                    #divers {              overflow: hidden;          }      </style>
     <body id="newsletterprona">     <div id="blue" style="background-color:rgb(67, 153, 186);">      <div id="news">          <h1>news</h1>          <p></p>      </div>      <div id="yellow">          <h1 id="h1v2">geschäftsverlauf / déroulement des affaires</h1>          <div id="yellowl">              <h1 id="h1v2">offerten</h1>              <p>                </p>              <h1 id="h1v2">projekte</h1>              <p>                </p>          </div>          <div id="yellowr">              <h1 id="h1v2">offres</h1>              <h2>bruit</h2>              <p>                </p>              <h2>sols</h2>              <p>                </p>              <h2>déchets</h2>              <p>                </p>              <h2>eie</h2>              <p>                </p>              <h2>physique et acoustique du bâtiment</h2>              <p>                </p>              <h1 id="h1v2">projets</h1>              <h2>bruit</h2>              <p>                </p>          </div>      </div>      <div id="personnel">          <h1>personal / personnel</h1>          <h2>neueinstellungen / nouveaux engagements</h2>          <p></p>          <h2>austritte / départs</h2>          <p></p>          <h2>jubiläum / jubilé</h2>          <p></p>          <h2>geburtstage / anniversaires</h2>          <p></p>      </div>      <div id="qsum">          <h1 style="color: rgb(67, 153, 186);">qsum/mqse</h1>          <div id="yellowl">              <p></p>          </div>          <div id="yellowr">              <p></p>          </div>      </div>      <div id="divers">          <h1>diverses / divers</h1>          <div id="yellowl">              <p></p>          </div>          <div id="yellowr">              <p></p>          </div>      </div>  </div>  </body>

outlook doesn't support background opacity.

the code supplied works website (as said), unfortunately fall apart in email clients (not outlook). emails need use <table>s layout instead of <div>s. flexbox won't work in emails, either.

email code looks more this:

<table cellpadding="0" cellspacing="0" border="0" align="center">   <tr>     <td valign="top" style="vertical-align: top;background: #aaaaaa;">       <span style="color: #333333;">text</span>     </td>   </tr> </table> <table cellpadding="0" cellspacing="0" border="0" align="center">   <tr>     <td valign="top" style="vertical-align: top;">       <img src="full path image" alt="alt text" width="50" height="50">     </td>   </tr> </table>

if rebuild email replacing <div>s <table>s while using css email clients support, should solve display issues in outlook , everywhere else.


Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more