Post
Ask Question
Surendra singh

Surendra singh

  • NA
  • 136
  • 69.4k

How to apply style using css in my email format

Jan 11 2012 5:35 AM
HI....
  i am sending a mail ( like:- if user creat an account then we are sending a welcome message to him). I apply style using css class. but problem is this...my mail is forwording successfully but its design is not perfect. my css is not applying.
 i m using css using <link>.

how can i apply css to make my email formated


My email body is generated like following..:-
***********************************
<html>
<head>
<link href='" + url + "css/mailTemplate.css' rel='stylesheet'/>
</head>
<body>
<div id='main'>div class='aligncenter whitelink ptb3'> </div><div class='header'>
<div class='fl logopad'><img src='" + url + "images/emaillogo.jpg' width='118' height='24' alt='' /></div>
<div class='fr whitelink pt15'><a href='#'>TIMEX WORLD</a>  <a href='#'>HELP</a>  <a href='#'>YOUR ACCOUNT</a>  <a href='#'>REGISTER PRODUCTS</a></div> 
  <div class='clr'></div>  </div> 
  <div class='normalfont'>
    <table>
    <tr><td height='84' align='center'></td></tr>
    <tr><td></td></tr>
    <tr><td class='whiteBackground' align='center'>
    <table width='575' cellspacing='0' cellpadding='0' border='0'>
    <tbody><tr><td align='left'></td><td>&nbsp;</td></tr>
    <tr><td class='blackText' align='left' colspan='2'>
    <div style='clear: both; padding-top: 10px;'></div>
    <div style='text-align: center; margin-left: 12px; width: 456px;'>
    <div style='font-family: Arial; font-size: 12px; color: #333333; text-align: left;'>
    <div style='clear: both; padding-top: 10px;'></div>
    <div style='font-family: Arial; font-size: 12px; color: #333333; text-align: left;'>
    Dear <<User>>  <br>
    Please click following link to change password <br><br>" + url + "ForgotPassword.aspx?guid=<<guid>>
    </br></br> Security Code= <<securitycode>> </b><br></div><br>
    <div style='font-family: Arial; font-size: 12px; color: #333333; text-align: left;'>Sincerely,<div style='clear: both;'>
    </div>Timex.co.uk Team</div>
    <div style='padding-top: 10px; clear: both;'></div>
    <div>    </div>
    <div style='padding-top: 10px; clear: both;'></div>
    <div style='font-family: Arial; font-size: 12px; color: #333333; text-align: center;'>
    If you have any questions about Timex.co.uk, then please visit the &nbsp;
    <a class='' style='color:White;' href=''>Help department</a>.</div><div style='clear: both; padding-top: 10px;'></div>
    <div style='clear: both; padding-top: 10px;'></div>
    </div></td></tr><tr><td align='left' colspan='2'></td></tr></tbody></table>
    </td></tr></table>
    <div class='greybrdtop pt10 mt20 normalfont11 aligncenter'>If you have any questions about Timex.co.uk, then please visit the Help department [7].
    Copyright (c) 1997-2011 Timex Corporation.<br />All rights reserved. Terms of Use Privacy Policy.</div> </div> <div class='footer'> 
    <div class='fl footlogopad' style='width:290px;'><img src='" + url + "images/footlogo.jpg' width='167' height='26' alt='' /></div> 
     <div class='fl aligncenter pt45'>Po Box 2232, Mitcham,<br />Surrey - CR4 3ZX, United (Kingdom)</div> 
      <div class='fr alignrgt pt35 pr30'><div>T +44(0) 208 687 9620<br />F +44(0) 208 687 9626<br /></div>
      <div class='pt2'><div class='fl'><img src='" + url + "images/emailredbxlft.jpg' width='4' height='17' alt='' /></div>
      <div class='fl emailredbxmid footerwhite'>Email: <a href='mailto:[email protected]'>[email protected]</a></div>
      <div class='fl'><img src='" + url + "images/emailredbxrgt.jpg' width='4' height='17' alt='' /></div><div class='clr'></div>
      </div></div>  <div class='clr'></div>  </div> </div>
      </body>
      </html>
***********************



I repeat...my mail is forwording successfully...but its format on client pc is not same as on my pc....my css is not applying....

so plz help me

Thanks


Answers (1)