Outlook 2010 cambia el tamaño de la imagen de encabezado. ¿ARREGLAR?

Estoy programando una plantilla de boletín de correo electrónico HTML. Lo he probado en todos los navegadores y hosts de correo electrónico posibles y todo se ve muy bien. Cuando llega a Outlook 2010, se ve muy bien en el modo de vista previa. Pero cuando hace doble clic y pasa al modo completo, toma la imagen del encabezado y la amplía más que el ancho de la tabla.

He leído algunos y recomiendan volver a guardar las imágenes como imágenes de 96 ppp en lugar de 72 ppp. AUN NO HAY AYUDA!!!! He leído mi código varias veces, pero todavía no puedo encontrar una solución.

Cualquier ayuda sería genial!

Mi código está abajo. ¿Alguien puede revisarlo y decirme si he hecho algo mal y si hay una solución?

¡Salud

    <table border="0" cellpadding="10" cellspacing="0" width="599px" id="templatePreheader">
      <tr>
        <td valign="top" class="preheaderContent" style="border-collapse: collapse;">
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td valign="top" style="border-collapse: collapse;height:15px;">

              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>

    <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
      <tr>
        <td align="center" valign="top" style="border-collapse: collapse;">
          <table border="0" cellpadding="0" cellspacing="0" width="599" id="templateImage">
            <tr>
              <td valign="top" style="border-collapse: collapse;width:599px;">
                <img src="http://s3.amazonaws.com/S1MPLE/system/layouts/David%27s%20Designs/chefCode/top2.jpg" style="max-width: 599px; height: 100%; outline: none; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" alt="Image">
              </td>
            </tr>
          </table>
        </td>
      </tr>
     </table>

      <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
      <tr>
        <td align="center" valign="top" style="border-collapse: collapse;">
          <table border="0" cellpadding="0" cellspacing="0" width="599" style="background-color: #FFFFFF;" bgcolor="#FFFFFF">
            <tr>
              <td valign="top"  align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:10px;font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#ff0000;padding-right:20px;padding-left:20px;">
              This message is from Simple and Cheney Brothers.
              </td>
            </tr>
            <tr>
              <td valign="top"  align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:10px;font-family: Arial, Helvetica, sans-serif;font-size:20px;color:#1b4456;padding-right:20px;padding-left:20px;"">
              Dear {{ offer.employee.first_name }}, 
              </td>
            </tr>
            <tr>
              <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:0px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000000;line-height:18px;padding-right:20px;padding-left:20px;"">
             {{ deal.details|capfirst|linebreaksbr }}  
              </td>
            </tr>
             <tr>
              <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:20px;font-family: Arial, Helvetica, sans-serif;font-size:20px;color:#000000;line-height:18px;padding-right:20px;padding-left:20px;"">
              Sign Up & Save
              </td>
            </tr>
            <tr>
              <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:5px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000000;line-height:18px;padding-right:20px;padding-left:20px;"">
              Go to: <a href="http://www.simplebrs.com/" style="font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;"> www.simplebrs.com</a>
              </td>
            </tr>
          </table>
        </td>
      </tr>
     </table>

     <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
      <tr>
        <td align="center" valign="top" style="border-collapse: collapse;">
          <table border="0" cellpadding="0" cellspacing="0" width="599">
          <tr>
              <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:5px;padding-top:5px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:20px;"">
              username: <span style="color:#000000;">{{ offer.employee.email }}</span>
              </td>
              <td valign="top" align="right" style="border-collapse: collapse;padding-bottom:5px;padding-top:5px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:10px;"">
              call toll free: <span style="color:#000000;">1-877-302-0560</span>
              </td>
          </tr>
          <tr>
             <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:25px;padding-top:0px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:20px;"">
              password: <span style="color:#000000;">getdeals</span>
              </td>
              <td valign="top" align="right" style="border-collapse: collapse;padding-bottom:25px;padding-top:0px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:20px;"">
              call toll free: <span style="color:#000000;"> <a href="mailto:help@simpledealsnow.com" style="font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;">help@simpledealsnow.com</a></span>
              </td>
          </tr>
          </table>
        </td>
      </tr>
     </table>

     <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
      <tr>
        <td align="center" valign="top" style="border-collapse: collapse;">
          <table border="0" cellpadding="0" cellspacing="0" width="599" id="templateImage">
            <tr>
              <td valign="top" style="border-collapse: collapse;width:599px;">
                <img src="http://s3.amazonaws.com/S1MPLE/system/layouts/David%27s%20Designs/chefCode/bottom2.jpg" style=width: 599px; height: 77px; line-height: 100%; outline: none; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;width:599px;" alt="Image">
              </td>
            </tr>
          </table>
        </td>
      </tr>
     </table>

     <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templatePreheader">
      <tr>
        <td valign="top" class="preheaderContent" style="border-collapse: collapse;">
          <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
              <td valign="top" style="border-collapse: collapse;height:15px;">

              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>

  </td>

preguntado el 30 de agosto de 12 a las 16:08

2 Respuestas

Bien, miré tu código más detalladamente. Tiene un montón de problemas de validación con el HTML.

En lugar de decir qué estaba mal, limpié el código y lo volví a publicar a continuación. Espero que esto funcione para usted.

Había citas fuera, un extra al final. También cambié algunos de sus atributos ID="" (solo agregué números al final de ellos). Los atributos de ID deben ser distintos (protocolo estándar).

<table border="0" cellpadding="10" cellspacing="0" width="599px" id="templatePreheader1">
  <tr>
    <td valign="top" class="preheaderContent" style="border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
          <td valign="top" style="border-collapse: collapse;height:15px;">

          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer1" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
  <tr>
    <td align="center" valign="top" style="border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" width="599" id="templateImage2">
        <tr>
          <td valign="top" style="border-collapse: collapse;width:599px;">
            <img src="http://s3.amazonaws.com/S1MPLE/system/layouts/David%27s%20Designs/chefCode/top2.jpg" style="max-width: 599px; height: 100%; outline: none; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;" alt="Image">
          </td>
        </tr>
      </table>
    </td>
  </tr>
 </table>

  <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer2" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
  <tr>
    <td align="center" valign="top" style="border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" width="599" style="background-color: #FFFFFF;" bgcolor="#FFFFFF">
        <tr>
          <td valign="top"  align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:10px;font-family: Arial, Helvetica, sans-serif;font-size:14px;color:#ff0000;padding-right:20px;padding-left:20px;">
          This message is from Simple and Cheney Brothers.
          </td>
        </tr>
        <tr>
          <td valign="top"  align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:10px;font-family: Arial, Helvetica, sans-serif;font-size:20px;color:#1b4456;padding-right:20px;padding-left:20px;">
          Dear {{ offer.employee.first_name }}, 
          </td>
        </tr>
        <tr>
          <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:0px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000000;line-height:18px;padding-right:20px;padding-left:20px;">
         {{ deal.details|capfirst|linebreaksbr }}  
          </td>
        </tr>
         <tr>
          <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:20px;font-family: Arial, Helvetica, sans-serif;font-size:20px;color:#000000;line-height:18px;padding-right:20px;padding-left:20px;">
          Sign Up & Save
          </td>
        </tr>
        <tr>
          <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:10px;padding-top:5px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000000;line-height:18px;padding-right:20px;padding-left:20px;">
          Go to: <a href="http://www.simplebrs.com/" style="font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;"> www.simplebrs.com</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
 </table>

 <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer3" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
  <tr>
    <td align="center" valign="top" style="border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" width="599">
          <tr>
              <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:5px;padding-top:5px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:20px;">
              username: <span style="color:#000000;">{{ offer.employee.email }}</span>
              </td>
              <td valign="top" align="right" style="border-collapse: collapse;padding-bottom:5px;padding-top:5px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:10px;">
              call toll free: <span style="color:#000000;">1-877-302-0560</span>
              </td>
          </tr>
          <tr>
             <td valign="top" align="left" style="border-collapse: collapse;padding-bottom:25px;padding-top:0px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:20px;">
              password: <span style="color:#000000;">getdeals</span>
              </td>
              <td valign="top" align="right" style="border-collapse: collapse;padding-bottom:25px;padding-top:0px;font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;padding-right:20px;padding-left:20px;">
              call toll free: <span style="color:#000000;"> <a href="mailto:help@simpledealsnow.com" style="font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#1b4456;line-height:18px;">help@simpledealsnow.com</a></span>
              </td>
          </tr>
      </table>
    </td>
  </tr>
 </table>

 <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templateContainer4" style="border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; background-color: #FFFFFF;" bgcolor="#FFFFFF">
  <tr>
    <td align="center" valign="top" style="border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" width="599" id="templateImage1">
        <tr>
          <td valign="top" style="border-collapse: collapse;width:599px;">
            <img src="http://s3.amazonaws.com/S1MPLE/system/layouts/David%27s%20Designs/chefCode/bottom2.jpg" style="width: 599px; height: 77px; line-height: 100%; outline: none; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0;width:599px;" alt="Image">
          </td>
        </tr>
      </table>
    </td>
  </tr>
 </table>

 <table border="0" cellpadding="0" cellspacing="0" width="599px" id="templatePreheader2">
  <tr>
    <td valign="top" class="preheaderContent" style="border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
          <td valign="top" style="border-collapse: collapse;height:15px;">

          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Respondido el 03 de Septiembre de 12 a las 08:09

¿Y todavía lo está expandiendo más allá de su propio ancho? - códigozombie

@David Cambié la respuesta. Espero que esto pueda arreglar las cosas. - códigozombie

Tuve el mismo problema. Envié un correo electrónico html, a través del objetivo exacto, a varios usuarios en nuestra oficina y solo 1 usuario tenía el problema que describió anteriormente.

Lo que realmente causó el problema fue que la configuración de DPI en esa máquina 1 se estableció en 125%. Hice que lo cambiaran de nuevo al 100% (predeterminado), lo que resolvió el problema. Entonces, esencialmente, nada que ver con el código o el tamaño de la imagen/dpi

Aquí hay un enlace para cambiar la configuración de dpi en Windows 7.

http://www.dummies.com/how-to/content/change-your-monitors-dots-per-inch-dpi-setting.html

Respondido 14 ago 13, 21:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.