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> </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
<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