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

Problema em HTML para o Outlook

Neil young

Perguntado por Neil young,

 Share

Pergunta

Neil young

Neil young

Postado
Postado

Bom dia a todos,

Peguei o codigo seguinte:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Work Air Compressores - Promoções</title>

<style type="text/css">
strong{
    font-variant: small-caps;
    text-transform: lowercase;
    color:#949494;
}
</style>

</head>

<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" style="margin: 0px; background-color: #FFFFFF; font-family: Helvetica, Arial, sans-serif;">
<!--100% body table-->
<table cellspacing="0" border="0" bgcolor="#ffffff" style="margin: 0; padding: 0; border: 0;" width="100%" cellpadding="0">
  <tr style="margin: 0; padding: 0; border: 0;">
    <td align="center" style="margin: 0; padding: 0; border: 0;">
    <!--email container-->
        <table cellspacing="0" border="0" style="padding: 0; border: 0; margin: 0; background: url(images/bg.jpg);" bgcolor="#797979" width="805" cellpadding="0">
            <tr height="76" style="margin: 0; padding: 0; border: 0;">
                <td style="padding: 0; border: 0; margin: 0; background: #797979 url(images/top-1.jpg);" width="102">
                </td>
                <td style="padding: 0; border: 0; margin: 0; background: #797979 url(images/top-2.jpg);" width="601">
                    <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0">
                        <tr height="30" style="margin: 0; padding: 0; border: 0;">
                            <td style="margin: 0; padding: 0; border: 0;" width="46"></td>
                            <td style="margin: 0; padding: 0; border: 0;" width="508"></td>
                            <td style="margin: 0; padding: 0; border: 0;" width="47"></td>
                        </tr>
                        <tr style="margin: 0; padding: 0; border: 0;">
                            <td height="50" style="margin: 0; padding: 0; border: 0;"></td>
                            <td align="center" style="padding: 0; font-size: 12px; line-height: 16px; border: 0; color: #EDEDED; margin: 0; font-famiy:Helvetica,Arial,sans-serif"> </td>
                            <td style="margin: 0; padding: 0; border: 0;"></td>
                        </tr>
                        <tr height="18" style="margin: 0; padding: 0; border: 0;"><td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;"></td></tr>
                    </table>
                </td>
                <td style="padding: 0; border: 0; margin: 0; background: #797979 url(images/top-3.jpg);" width="102">
                </td>
            </tr>
            <tr height="67" style="margin: 0; padding: 0; border: 0;">
                <td style="margin: 0; padding: 0; border: 0;">
                </td>
                <td style="border: 0; padding: 0; color: #f9f9f9; margin: 0; background: #B9B9B9 url(images/header.jpg) no-repeat;" bgcolor="#B9B9B9" width="601"><div style="height:67px;">
                    <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0" align="left">
                        <tr style="margin: 0; padding: 0; border: 0;">
                            <td style="margin: 0; padding: 0; border: 0;" width="452"><table width="467" height="60" border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; border: 0;">
                                <tr height="55" style="margin: 0; padding: 0; border: 0;">
                                    <td style="margin: 0; padding: 0; border: 0;" width="30"></td>
                                    <td style="margin: 0; padding: 0; border: 0;" align="left" width="422"><h1 style="padding: 13px 0 0 0; margin: 0; font-size: 38px; font-weight: bold; border: 0; color:#f9f9f9; font:Helvetica; font-family:Helvetica, sans-serif">Work Air Compressores</h1></td>
                                    </tr>
                                <tr height="12" style="margin: 0; padding: 0; border: 0;">
                                    <td style="margin: 0; padding: 0; border: 0;"></td>
                                    <td style="margin: 0; padding: 0; border: 0;"></td>
                                    </tr>
                          </table></td>
                            <td style="margin: 0; padding: 0; border: 0;" width="150"><table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0">
                                <tr style="margin: 0; padding: 0; border: 0;">
                                    <td style="margin: 0; padding: 0; border: 0;" width="20" rowspan="2" align="left"> </td>
                                    <td style="margin: 0; padding: 0; border: 0;" width="120"></td>
                                    </tr>
                                <tr>
                                    <td valign="top">
                                    
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td height="34">Junho 2012</td>
    </tr>
</table>
                                    <p style="padding: 0; font-size: 10px; font-family:Helvetica, Arial, sans-serif; text-transform: uppercase; border: 0; margin: 0; color:#f9f9f9;"> </p>
                                    
                                    
                                    </td>
                                    </tr>
                                </table></td>
                            </tr>
                        </table>
                    </div></td>
                <td style="margin: 0; padding: 0; border: 0;">
                </td>
            </tr>
            <tr style="padding: 0; font-size: 14px; line-height: 21px; font-family: Arial, sans-serif; border: 0; color: #8e8e8e; margin: 0;">
                <td style="margin: 0; padding: 0; border: 0;">
                </td>
                <td style="padding: 0; border: 0; margin: 0; background: #E4E4E4 url(images/bodybg.jpg);" bgcolor="#E4E4E4" width="601">
                
                <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0" align="left">
                    <tr height="20" style="margin: 0; padding: 0; border: 0;">
                        <td style="margin: 0; padding: 0; border: 0;" width="32"></td>
                        <td style="margin: 0; padding: 0; border: 0;"></td>
                        <td style="margin: 0; padding: 0; border: 0;" width="32"></td>
                    </tr>
                    <tr style="margin: 0; padding: 0; border: 0;">
                        <td style="margin: 0; padding: 0; border: 0;"></td>
                        <td style="margin: 0; padding: 0; border: 0; color:#8E8E8E; font-family: Helvetica, Arial, sans-serif; font-size:14px; line-height:21px;" align="left">
                            <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0" align="left">
                                <tr style="margin: 0; padding: 0; border: 0;" height="50">
                                    <td style="margin: 0; padding: 0; border: 0;" width="25">
                                        <img src="images/arrow.jpg" height="20" width="16" style="display: inline;" />
                                    </td>
                                    <td style="margin: 0; padding: 0; border: 0;" width="576">
                                        <h2 style="font-size: 24px; font-weight: bold; border: 0; color: #767676; display: inline; padding: 0; margin: 0; font-family: Helvetica, Arial, sans-serif">Porque comprar peças Originais direto do Fabricante Nacional?</h2></td>
                                </tr>
                                <tr style="margin: 0; padding: 0; border: 0;">
                                    <td colspan="2" style="margin: 0; padding: 0; border: 0;">
                                        <p style="margin: 0; padding: 0; font-size: 12px; padding-bottom: 10px; font-family: Helvetica, Arial, sans-serif; color:#949494">É importante manter em dia a manutenção preventiva dos equipamentos de sua empresa como Compressores de Ar. Quando se demonstrar necessario é preciso realizar a substituição do Kit de Peças da Manutenção Preventiva que constitui do Elemento Filtrante de Ar Alfa, Filtro de Óleo e Óleo Mineral Industrial..</p>

                                        <p style="margin: 0; padding: 0; font-size: 12px; padding-bottom: 10px; font-family: Helvetica, Arial, sans-serif; color:#949494">Para uma  confiabilidade é preciso adquirir peças originais do fabricante, que foram projetados especificamente para o funcionamento correto no Compressor de Ar. Para ajudar os nossos clientes a Work Air esta inicializando uma serie de promoções para incentivar o uso de peças originais e a substituição regular, com isso ajudando a manter e funcionando por muitos anos o Compressor de Ar..</p>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td style="margin: 0; padding: 0; border: 0;"></td>
                    </tr>
                    <tr height="25" style="margin: 0; padding: 0; border: 0;">
                        <td style="margin: 0; padding: 0; border: 0;"></td>
                        <td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;"></td>
                    </tr>
                
                <tr style="margin: 0; padding: 0; border: 0;">
                    <td style="margin: 0; padding: 0; border: 0;" width="32"></td>
                    <td style="padding: 20px 0 0; border: 0; margin: 0; background: url(images/storybg.jpg) no-repeat; color: #8E8E8E; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:21px;" align="left" width="601">
                        <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0" align="left">
                                <tr style="margin: 0; padding: 0; border: 0;">
                                    <td style="margin: 0; padding: 0; border: 0;" width="25" height="50">
                                        <img src="images/arrow.jpg" height="20" width="16" style="display: inline;" />
                                    </td>
                                    <td style="margin: 0; padding: 0; border: 0;" width="576">
                                        <h2 style="font-size: 24px; font-weight: bold; border: 0; color: #767676; display: inline; padding: 0; margin: 0; font-family:Helvetica, Arial, sans-serif">Fique por dentro da Promoção Especial</h2></td>
                                </tr>
                                <tr style="margin: 0; padding: 0; border: 0;">
                                    <td colspan="2" style="margin: 0; padding: 0; border: 0; font-size: 18px; color: #F00; text-align: center; font-weight: bold; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;">
                                        <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0" align="left" width="343">
                        <tr><td>
                        <div style="border: 1px solid #666666; float: left; margin: 5px 10px 5px 0px;">
                        <div style="border: 7px solid #838383; float:left; width:307px "><img src="images/Elemento1.JPG" width="305" height="229"></div>
                        </div>
                        </td>
                        <td width="10"></td>
                        </tr>
                        </table>
                                      <h2>ELEMENTO FILTRANTE DE AR ALFA</h2>
                                      <p>DE: R$ 200,00                                      </p>
                                      <p>POR: R$ 100,00</p>
                                      <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0" align="left" width="343">
                                        <tr>
                                          <td><div style="border: 1px solid #666666; float: left; margin: 5px 10px 5px 0px;">
                                            <div style="border: 7px solid #838383; float:left; width:307px "><img src="images/Filtro1.JPG" width="305" height="229"></div>
                                            </div></td>
                                          <td width="10"></td>
                                        </tr>
                                      </table>
                                      <h2> </h2>
                                      <p> </p>
                                      <h2>Filtro de Óleo</h2>
                                      <p>DE: R$ 300,00 </p>
                                      <p>POR: R$ 100,00</p>
                                      <table cellspacing="0" border="0" style="margin: 0; padding: 0; border: 0;" cellpadding="0" align="left" width="343">
                                        <tr>
                                          <td><div style="border: 1px solid #666666; float: left; margin: 5px 10px 5px 0px;">
                                            <div style="border: 7px solid #838383; float:left; width:307px "><img src="images/Oleo1.JPG" width="305" height="300"></div>
                                            </div></td>
                                          <td width="10"></td>
                                        </tr>
                                      </table>
                                      <h2> </h2>
                                      <p> </p>
                                      <p> </p>
                                      <h2>Óleo Mineral Industrial</h2>
                                      <p>DE: R$ 200,00 </p>
                                      <p>POR: R$ 100,00</p>
                                      <p style="margin: 0; padding: 0; font-size: 12px; padding-bottom: 10px; font-family: Helvetica, Arial, sans-serif; color:#949494"> </p>

                                    </td>
                                </tr>
                            </table>
                            <br />
                                            </td>
                    <td style="margin: 0; padding: 0; border: 0;" width="32"></td>
                </tr>
                <tr height="25" style="margin: 0; padding: 0; border: 0;"><td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;"></td></tr>
            </table>
                
                </td>
                <td style="margin: 0; padding: 0; border: 0;">
                </td>
            </tr>
            <tr height="69" style="margin: 0; padding: 0; border: 0;">
                <td style="margin: 0; padding: 0; border: 0;">
                </td> 
                <td style="padding: 0; border: 0; margin: 0; background: #B9B9B9 url(images/footer.jpg);" bgcolor="#B9B9B9" width="601"><table cellspacing="0" border="0" style="padding: 0; border: 0; margin: 0;" cellpadding="0" width="601">
                <tr height="12" style="margin: 0; padding: 0; border: 0;"><td style="margin: 0; padding: 0; border: 0;" width="85"></td><td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;" width="85"></td></tr>
                <tr height="40" style="margin: 0; padding: 0; border: 0;">
                    <td style="margin: 0; padding: 0; border: 0;"></td>
                    <td align="center" style="padding: 0; font-size: 12px; line-height: 22px; border: 0; color: #eeeeee; margin: 0; font-family:Helvetica,Arial,sans-serif">São Bernardo do Campo - (11) 4390-7540 - vendas@workair.com.br</td>
                    <td style="margin: 0; padding: 0; border: 0;"></td>
                </tr>
                <tr height="12" style="margin: 0; padding: 0; border: 0;"><td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;"></td><td style="margin: 0; padding: 0; border: 0;"></td></tr>
            </table>
                </td>
                <td style="margin: 0; padding: 0; border: 0;">
                </td>
            </tr>
            <tr height="90" style="margin: 0; padding: 0; border: 0;">
                <td style="padding: 0; border: 0; margin: 0; background: #797979 url(images/bottom-1.jpg);">
                </td>
                <td style="padding: 0; border: 0; margin: 0; background: #797979 url(images/bottom-2.jpg);" width="601">
                </td>
                <td style="padding: 0; border: 0; margin: 0; background: #797979 url(images/bottom-3.jpg);">
                </td>
            </tr>
        </table>
    </td>
  </tr>
</table>

</body></html>

No IE e Mozilla a visualização é perfeita, mas quando coloco o codigo no Outlook a pagina fica fora do padrão correto de visualização.

Gostaria de saber como posso corrigir esse problema?

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...