Newslettery

Pozor na blokové a jiné elementy! Například anchor (<a>) bude bugovat pokud se do ní pokusíme vložit například nadpis (protože je blokový)

Pozor na line-height: 0 - rozbíjí věci - například u obrázků (u nich lze použít display: block na odstranění mezer), outlook navíc používá procenta místo faktoru u line-height.


Obrázky - používat display: block;

 

Background image - měl by fungovat všude

<table class="" width="640" cellpadding="0" cellspacing="0" border="0" style="width:640px">
     <tr>
         <td class="" valign="top" height="300" background="http://media.lt02.net/1/Users/28501/Emmet/background.jpg" style="height:300px; background-image:url('http://media.lt02.net/1/Users/28501/Emmet/background.jpg'); background-repeat:no-repeat; background-position:center;">
             <!--[if gte mso 9]>
               <v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImage" style="behavior: url(#default#VML); display: inline-block; position: absolute; width: 640px; height: 300px; top: 0; left: 0; border: 0; z-index: 1;" src="http://media.lt02.net/1/Users/28501/Emmet/background.jpg" />                             
                <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="display: inline-block; position: absolute; width: 640px; height: 300px; top: 0; left: 0; border: 0; z-index: 2;">
                <v:fill opacity="0%" style="z-index: 1;"/> 
                <div>                       
                <![endif]--> 
             <!-- Containing Table -->
             <table width="100%" cellpadding="0" cellspacing="0" border="0">
                 <tr>
                     <td class="" align="center" valign="middle" height="300" style="height:300px">
                         <!-- Contents -->

                         <!-- Headline -->
                         <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                             <tr>
                                 <td class="" style="font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#fff; text-align:center; font-weight:bold; padding:30px 0; text-transform:uppercase;">And So My Watch Begins</td>
                             </tr>
                         </table>
                         <!-- Headline END -->

                         <!-- Button - CTA -->
                         <table class="" align="center" cellpadding="0" cellspacing="0" border="0">
                             <tr>
                                 <td class="" height="50" align="center" bgcolor="#1a171b" style="font-family:Arial, Helvetica, sans-serif; font-size:14px;height:50px"><a href="#" title="JOIN THE WATCH" target="_blank" class="" style="color:#ffffff; text-decoration:none; display:inline-block; white-space:nowrap; padding:15px; background-color: #1a171b; border:1px solid #1a171b; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;"><strong style="font-weight:normal">JOIN THE WATCH</strong></a>
                                 </td>
                             </tr>
                         </table>
                         <!-- Button - CTA -->   

                         <!-- Contents END -->   
                     </td>
                 </tr>
             </table>
             <!-- Containing Table END-->
            <!--[if gte mso 9]>   
          </div></v:fill></v:rect><![endif]--> 
         </td>
     </tr>
  </table>

Nevíte si rady?
Neváhejte se zeptat

Nevíte si rady nebo potřebujete něco konzultovat? Nápovědu stále zdokonalujeme na základě vašich požadavků a postřehů. Uvádíme co nejvíce možných variant, které používáme na řešení jednotlivých částí webu, mějte ale na paměti, že projekty řešíme individuálně na základě konkrétních potřeb.

Nádražní 876
560 02 Česká Třebová

honza.cech@czechgroup.cz

+420 774 201 483

*
*