Ir para conteúdo
Fórum Script Brasil
  • 0

Problemas com envio de HTML por e-mail


Guest --Victor --

Pergunta

Guest --Victor --

Pessoal,

peguei um serviço de e-mail marketing para fazer, e neste me deparei com alguns problemas.

Seguinte, montei meu layout com tabela e dentro das linhas da tabela coloquei imagens. Minha formatação do documento foi a seguinte...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    
    <head>
        
        <!--MetaTags-->
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
            
        <title>
                BOX 11
        </title>    
            
        <!-- CSS -->        
        <style>
                    
            * {
            
                margin:0;
                padding:0;
                
            }
        
            body {
            
                background-color:#ffcc00;    
                font-family:Arial, Helvetica, sans-serif;
                font-size:12px;        
                margin:0;
                padding:0;
            
            }  
            
            table {
            
                border:0;
                border-collapse:collapse;
                border-spacing:0;
                margin:0;
                padding:0;
                    
            } 
            
            table#Imagens {
            
                width:100%;
            
            } 
            
            table#Imagens td {

                text-align:center;
                vertical-align:top;                
            
            }  
            
            img {

                border:0;
                margin:0;
                padding:0;
            
            }  
        
        </style>

    </head>

<body>
    
        <table id="Imagens">            
            <tr>
                <td><img src="http://.../images/imgTop.jpg" /></td>
            </tr>  
            <tr>
                <td><img src="http://.../images/imgMiddle.jpg" /></td>
            </tr> 
            <tr>
                <td><img src="http://.../images/imgBottom.jpg" /></td>
            </tr>    
            <tr>
                <td>
                    [ se as imagens deste e-mail não estiverem sendo visualizadas, <a href="http://....">clique aqui!</a> ]
                </td>
            </tr>  
        </table>         
    
    </body>

Os links de imagens estão com o http://.... para indicar que fiz links absolutos.

O primeiro problema que obtive foi que ao abrir minha pagina no browser e clicar em enviar por e-mail, no outlook ficou um espaço entre a primeira imagem e o topo do e-mail.

A segunda foi a seguinte, mesmo os links estando absolutos, quando envio as imagens vão como anexo.

alguém saberia me ajudar?

Obrigado desde já.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Olá, eu trabalho em uma empresa terceirizada do Banco Real e o que eu mais faço é newslatter por e-mail.

1º Não usamos CSS na versão que é enviada por e-mail. Fazemos do jeito primitivo esquecendo totalmente os padrões Webstandards.

2º Eu não sei como o pessoal aqui manda esses email mais é estranho as imagens irem por anexo. Mas mesmo indo por anexo elas apararecem no corpo do e-mail né?

Bom espero ter ajudado.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...