• 0
Sign in to follow this  
Neil young

Problema em HTML para o Outlook

Question

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 - [email protected]</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?

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this