Hallo,

Ik ben bezig met een e-mailtemplate voor een klant. Echter krijg ik 2 problemen maar niet opgelost.

Alle css staat zowel inline als in de HEAD Style tag.

Heeft er iemand suggesties hoe deze kunnen worden opgelost?

Probleem 1:


De afbeeldingen krijg ik niet gecentreerd. Deze werken wel correct op andere mailprogramma's en gmail.

Hier het stukje markup:

Code:

<TD style="BORDER-COLLAPSE: collapse" width=190>   <DIV class=media style="OVERFLOW: hidden; WIDTH: 190px; FLOAT: left; TEXT-ALIGN: center; DISPLAY: table-cell; align: left">      <IMG style="TEXT-DECORATION: none; MAX-WIDTH: 50px; HEIGHT: 50px; WIDTH: 50px; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block !important; LINE-HEIGHT: 100%; PADDING-RIGHT: 0px" border=0 hspace=0 alt=image2_50x50 src="http://twondo.be/sites/all/themes/easyskeleton/images/mails/mail_label_3.png" width=50 height=50>      <DIV class=media-body style="FONT-SIZE: 13px; WIDTH: 100%; FLOAT: left; MARGIN-TOP: 10px">         <H5 class=media-heading style="LINE-HEIGHT: 100% !important; -webkit-font-smoothing: antialiased">Ruime keuze</H5>         <DIV class=line>Groot assortiment in al onze shops!</DIV>      </DIV>   </DIV></TD>

Probleem 2:

De link kleur blijft op blauw staan. Ook deze werkt op andere programma's en gmail correct.

Code:

<TABLE class=container2 style="BORDER-SPACING: 0" cellSpacing=0 cellPadding=0 align=right border=0 valign="middle">   <TBODY>      <TR>         <TD id=clear-padding style="VERTICAL-ALIGN: middle; BORDER-COLLAPSE: collapse" vAlign=middle align=right>            <DIV style="FONT-SIZE: 13px; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; COLOR: #b4b4b4; MARGIN-TOP: 5px; DISPLAY: table-cell">Bel ons: 089 599 599</DIV>         </TD>      </TR>   </TBODY></TABLE>

probeer eens met <center></center>

Voor je link:
<meta name="format-detection" content="telephone=no">

Als je trouwens een link individueel wilt style qua kleur kan je dit doen:

Code:

<a href="#" style="color:#000;">link</a>

Nog een tip: maak geen gebruik van div's.