Håller på att skapa ett email som ska mailas ut till personer i en kunddatabas.
Testar mailet nu så att det ser (åtminstone ungefär) likadant ut i olika mailprogram.
I t ex Lotus Notes ser det helt ok ut, men i Hotmail så är allting centrerat inkl textinnehåll.
Jag har tittat och ändrat och testat men kan bara inte förstå vad det är som gör att det blir så. Jag blir inte av med centreringen hur jag än gör. Känns som att jag missar något precis framför näsan.
Någon som har lust att titta på koden som jag bifogar nedan?
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>xxxxxxx inbjuder till teknisk lunchträff med xxxxxxx</title>
<style type="text/css">
<!--
.body { margin:0; padding:0; background-color:#ffffff;}
.permission { padding: 20px 0 40px 0; letter-spacing:1px; text-align:center;}
.permission p { font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; letter-spacing:1px;}
.permission p a { font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #2255A5; letter-spacing:1px;}
.content { text-align:left; background-color: #FFFFFF;border-style:solid;border-width:1px;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;border-left-color:#DFDFDF;border-right-color:#DFDFDF;}
.mainbar a { font-family: Arial, sans-serif; font-size: 12px; font-weight:normal; text-align:left; color: #2255A5; text-decoration: none;letter-spacing:1px;}
.mainbar h2 { font-family: Georgia, sans-serif; font-size: 16px; font-weight: bold; text-align:left; color:#000000; margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px solid #cbcbcb;letter-spacing:1px;}
.mainbar h3 { font-family: Georgia, serif; font-size:14px; font-weight:normal; text-align:left; color:#000000; margin:0px 0 14px 0; padding: 0;letter-spacing:1px;}
.mainbar p { font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#000000; margin: 16 0 16px 6; padding: 0;letter-spacing:1px;}
.mainbar p.top { font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#000000; margin: 16px 0 0px 6px; padding: 0;letter-spacing:1px;}
.mainbar ul { font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#000000; margin: 16px 0 16px 20px; padding: 0;letter-spacing:1px;}
.mainbar ol { font-family: Arial, sans-serif; font-size:12px; font-weight:normal; color: #000000; letter-spacing:1px;}
-->
</style>
</head>
<BODY>
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD align="center">
<TABLE width="580" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD class="permission"><p>Svårigheter med att läsa detta email? <a href="http://www.xxxxxxx.info/eshot/xxxxxxx/index.html">Öppna det i din browser istället</a>.</p></td>
</tr>
<TR>
<TD align="center" height=100><br><a href=http://www.xxxxxx.info/ target=_blank><img src="http://www.xxxxxxx.info/eshot/xxxxxxx/img/xxxxxxx_xxxxxxx_logo.jpg" alt="The xxxxxx Group" width="580" height="65" align="left" border=0 /></a></td>
</tr>
<TR>
<td>
<TABLE width="580" height="589" border="0" cellspacing="16" cellpadding="0">
<TR>
<TD class="mainbar" colspan=2>
<br><h2><font style="color:#000000;">xxxxxxx inbjuder till teknisk lunchträff med xxxxxxx</font></h2>
</td>
</tr>
<TR>
<TD class="mainbar" width="372">
<h3><font style="color:#000000;">16 September 2009, kl 09.00-12.00</font></h3>
<p>Passa på att möta en av xxxxxxxs vassaste applikationsingenjörer och ta del av en djupare detaljstudie i hur du kan bygga upp kompakta kraftsystem. Förutom en kompakt design får du även direkta tips på enkla EMC lösningar för alla former av applikationer.</p>
<p>Från xxxxxxx: A. Jordan (Applications Engineer)<br>Från xxxxxxx: M. Nilsson</p>
<p><b>Program</b>
<ol>
<li><b>Frukost kl 09.00-09.15</b></li>
<li><b>Välkommen</b><br>Presentation av xxxxxxx</li>
<li><b>Presentation av xxxxxxx-produkter</b>
<ul>
<li>Genomgång av modullösningar Maxi, Mini, Micro + VI-J och VI-2-serien
<li>Presentation av nya och framtida lösningar av ytterst kompakta och högeffektiva omvandlare:<br>- VI-chips, VTM, PRM & BCM + VI-Brick
<li>xxxxxxxs aktiva modul/chip-lösningar för begränsning av EMC-störningar/transienter i krävande miljöer<br>
- Picor aktiva filterkretsar för:<br>
- Ledningsburna störningar, t ex EN55022<br>
- Ripple & Noise-reducering av switchade kraftlösningar
</ul>
</li>
<li><b>Presentation av Value-Added lösningar</b></li>
<li><b>Övrigt</b></li>
<li><b>Lunch ca kl 12.00</b></li>
</ol>
<p><b>Anmälan</b><br>Anmälan senast 10 september till:<br><a href="mailto:m.nilsson@xxxxxxx.se">m.nilsson@xxxxxxx.se</a></p>
</td>
<TD class="mainbar" valign=top width="208"><img src="http://www.xxxxxxx.info/eshot/xxxxxxx/img/VI_stapel.jpg" alt="xxxxxxx Range" width="208" height="589" border=0 /></td>
</tr>
</table>
</td>
</tr>
</table>
<TABLE width="646" border="0" cellspacing="0" cellpadding="0">
<TR>
<td><img src="http://www.xxxxxxx.info/eshot/xxxxxxx/img/footer-tail.jpg" width="646" height="87" /></td>
</tr>
<TR>
<TD class="permission">
<p>Du har mottagit detta email eftersom du är en registrerad <a href="http://www.xxxxxxx.info" name="top" name="#top"><b>xxxxxxx</b></a>-kund</b>.<br>
Vill du inte få flera sådana här emails? <a href="http://www.xxxxxxx.info/eshot/xxxxxxx/unsign/">Avregistrera dig snabbt och enkelt</a>.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>