Zdravím. Máte někdo zkušenosti s tvorbou html/css emailu pro Seznam.cz? Vím, že na to fungují programy a online služby, ale chci si šablonu vytvořit sám. Trochu mám ale problem zakomponovat CSS styly. Použil jsem style=".." i <style type="text/css">...</style> výsledek je rozházený design.

A uplně nejlip pokud někdo máte zkušenosti s tvorbou html emailu pro plugin Contact form 7 :-D

Sezznam.cz je překlepovka?

jo překlepovka. Seznam.cz
tak problem vyřešen. kod se musi psat do závorek hned vedle sebe - šílenost. malá ukázka :

<div style="margin: 10px 0;width: 600px; height: 200px;margin-left: auto;margin-right: auto;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;background: #eee; padding:15px;">
<div style="width: 200px; float:left;background: none; ">
<img src="http://topfinanc.cz/kampan/5000.jpg">
</div>

<div style="width: 400px; float:right;">
<h2 style="text-align:center;font-family:Arial;font-size:18px;font-weight:bold;font-style:normal;padding:0; margin:0;color:#83c41a;">...</h2>
<ul>
<li style="font-family:Arial; font-size:14px;line-height: 24px;">...</li>
<li style="font-family:Arial; font-size:14px;line-height: 24px;">...</li>
<li style="font-family:Arial; font-size:14px;line-height: 24px;">...</li>
</ul>
<div style="margin-left:25%;">
<a href="..." target="_blank" title="Rychlá půjčka do 5000 Kč" style="background-color:#83c41a;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;text-indent:0px;border:2px solid #83c41a;display:inline-block;color:#ffffff;font-family:Arial;font-size:14px;font-weight:bold;font-style:normal;height:40px;line-height:40px;width:200px;text-align:center;text-shadow:1px 1px 0px #000;text-decoration:none;">PŮJČKU VYŘÍDÍTE ZDE</a>
<img src="..." border="0" />
</div>

</div>
</div>