Mudanças entre as edições de "Dicas MKmail"

De WIKI-ESWEB-EXTERNA
Ir para: navegação, pesquisa
m (Exemplo)
m (Exemplo Fictício de trecho de tabela)
Linha 29: Linha 29:
  
 
=Exemplo Fictício de trecho de tabela=
 
=Exemplo Fictício de trecho de tabela=
   <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="500px">
+
   <code>
    <tbody>
+
  <table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="500px">
      <tr>
+
      <tbody>
        <td style="line-height:0px;" style="line-height:0px;" colspan="0">
+
        <tr>
          <a href="http://www.adegabrasil.com/" target="_blank">
+
          <td style="line-height:0px;" style="line-height:0px;" colspan="0">
            <img alt="Texto" src="imagem.jpg" style="width: 200px; height: 200px; border-width: 0px; border-style: solid; margin: 0px; float: left; display: block;" title="Texto" /></a>
+
            <a href="http://www.adegabrasil.com/" target="_blank">
        </td>
+
              <img alt="Texto" src="imagem.jpg" style="width: 200px; height: 200px; border-width: 0px; border-style: solid; margin: 0px; float: left; display: block;" title="Texto" /></a>
      </tr>
+
          </td>
    </tbody>
+
        </tr>
  </table>
+
      </tbody>
 +
  </table>
 +
  </code>

Edição das 17h11min de 28 de julho de 2015

Imagens

Imagens devem ser alinhadas a esquerda e ter propriedades de borda, margem e espaçamentos com valor 0. Deve ser especificado a altura e largura da imagem fixo e em pixel's. Adicionar na tag <img> :

style="display: block;"

Tabela

A tabela deve ter cellpadding e cellspacing, bem como borda e margem com valor zero. Sendo necessário o atributo width em pixel's resultante da soma das larguras das colunas.

Tag <td> com images ou espaço em branco entre linhas

Deve ser adicionado dentro da tag <td>:

style="line-height:0px;" colspan="0"

Obs: Células somente texto não devem usar o estilo acima.

Linhas entre imagens no Windows Live

 <style type="text/css">
  a:active, a:focus {outline: 0;}
  img { border: 0px;}
  img { display: block;}
  #outlook a{padding:0;}
  body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} 
  body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} 
  p.MsoNormal {margin: 0px !important;}
 </style>

Exemplo Fictício de trecho de tabela

 
<tbody> </tbody>
           <a href="http://www.adegabrasil.com/" target="_blank">
             <img alt="Texto" src="imagem.jpg" style="width: 200px; height: 200px; border-width: 0px; border-style: solid; margin: 0px; float: left; display: block;" title="Texto" /></a>