Mudanças entre as edições de "Dicas MKmail"
De WIKI-ESWEB-EXTERNA
m (→Exemplo Fictício de trecho de tabela) |
m (→Exemplo Fictício de trecho de tabela) |
||
Linha 34: | Linha 34: | ||
<tr> | <tr> | ||
<td style="line-height:0px;" style="line-height:0px;" colspan="0"> | <td style="line-height:0px;" style="line-height:0px;" colspan="0"> | ||
− | <a href="http://www. | + | <a href="http://www.esweb.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> | <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> | ||
</td> | </td> |
Edição das 17h12min de 28 de julho de 2015
Índice
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
<table align="center" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="500px"> <tbody> <tr> <td style="line-height:0px;" style="line-height:0px;" colspan="0"> <a href="http://www.esweb.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> </td> </tr> </tbody> </table>