1. Inicio
  2. Pregunta y respuesta
  3. posición de plantilla de correo electrónico absoluta?

posición de plantilla de correo electrónico absoluta?

2010-10-28 32 views

Respuesta

12

Depende de qué clientes de correo estén usando sus usuarios. Outlook, por ejemplo, maneja la posición: absolutamente bien, Thunderbird, por otro lado, no.

Me gustaría intentar diseñar su plantilla de correo lo más "normal" posible. Las tablas ayudan mucho, por ejemplo (yuck).

consulte la siguiente página sobre consejos de estilo de mensajes en formato HTML, incluyendo alguna posición asesoramiento absoluta:

Fuente

2010-10-28 10:30:13

+4

** Actualización: ** Outlook 2007 y hasta no es compatible con 'posición: absolute', y al menos algunas versiones de Gmail, Yahoo Mail, Hotmail y posiblemente no soportan tampoco. –

3

Según Style in Email, ni AOL (antes de la liberación 9), ni Mozilla Mail/ThunderBird (todas las versiones) admiten posicionamiento absoluto en el cuerpo del correo electrónico.

Fuente

2010-10-28 10:31:04

7

Agregando a una vieja pregunta, lo sé, pero puedo confirmar que ni GMail admite la posición: absoluta en este momento.

Fuente

2011-11-10 08:35:49

3

no es una manera segura de usar posición absoluta en emailers, porque todo el servidor de correo electrónico DID'NT apoyan el uso de tag..instead Postion absolutos que ustedes pueden utilizar

<table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);max-width:600px;" border="0" cellspacing="0" cellpadding="20" background="http://wallpapercave.com/wp/BGGdOwY.jpg"> 
 
    <tbody> 
 
    <tr> 
 
      <td align="left" valign="top"> 
 
       <p Style="Margin-top:45px; text-align:left; line-height: 24px; letter-spacing: 0.55px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">Dear Artist/Vendor,</p> 
 
       <p Style="text-align:justify; line-height: 24px; letter-spacing: 0.55px; Margin-top:10px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">We've received a request to reset your password. If you didn't make the request, just ignore this email. Otherwise, you can reset your password using this link:</p> 
 
      </td> 
 
      </tr> 
 
     </tbody> 
 
     </table>

botón que se pulse

incluso ustedes pueden utilizar en él mediante la adición de este código en otro td

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
\t <meta charset="utf-8"> 
 
\t <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
 
\t <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> 
 
\t <meta name="viewport" content="width=device-width" > 
 
\t <title></title> 
 
</head> 
 
<body style="Margin:0px; Padding:0px;"> 
 
\t <table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);" border="0" cellspacing="0" cellpadding="0"> 
 
\t \t <tbody> 
 
\t \t \t <tr> 
 
\t \t \t \t <td align="center" valign="top"> 
 
\t \t \t \t \t <table width="100%" align="center" style="Margin:0px; Padding:0px; border-collapse:collapse; background-color:rgb(255,255,255);max-width:600px;" border="0" cellspacing="0" cellpadding="20" background="http://wallpapercave.com/wp/BGGdOwY.jpg"> 
 
\t \t \t \t \t \t <tbody> 
 
\t \t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t \t <td align="center" valign="top"> 
 
\t \t \t \t \t \t \t \t \t <table width="100%" align="center" style="Margin:0px auto; Padding:0px; border-collapse:n-left: 20px; max-width:600px; " border="0" cellspacing="0" cellpadding="0" > 
 
\t \t \t \t \t \t \t \t \t \t <tbody> 
 
\t \t \t \t \t \t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <td align="left" valign="top"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t <p Style="Margin-top:45px; text-align:left; line-height: 24px; letter-spacing: 0.55px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">Dear Artist/Vendor,</p> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t <p Style="text-align:justify; line-height: 24px; letter-spacing: 0.55px; Margin-top:10px; Margin-bottom:10px; font-family:'Open Sans',arial,sans-serif!important; width: 540px;">We've received a request to reset your password. If you didn't make the request, just ignore this email. Otherwise, you can reset your password using this link:</p> 
 
\t \t \t \t \t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t \t \t </tbody> 
 
\t \t \t \t \t \t \t \t \t </table> 
 
\t \t \t \t \t \t \t \t \t <table width="100%" align="left" style="Margin:0px auto; Padding:0px; border-collapse:collapse; max-width:600px; Margin-left: 20px; Margin-top:15px;" border="0" cellspacing="0" cellpadding="0" > 
 
\t \t \t \t \t \t \t \t \t \t <tbody> 
 
\t \t \t \t \t \t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t \t \t \t \t \t <td align="left" valign="top"> 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t <a href="https://www.google.co.in/" style="padding: 10px 35px; text-decoration: none; color: #ffffff; background-color:#000000; letter-spacing: 0.55px; text-align:left; line-height: 24px; font-family:'Open Sans',arial,sans-serif!important;">Reset Your Password</a> 
 
\t \t \t \t \t \t \t \t \t \t \t \t </td> 
 
\t \t \t \t \t \t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t \t \t \t \t </tbody> 
 
\t \t \t \t \t \t \t \t \t </table> 
 
\t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t 
 
\t \t \t \t </td> 
 
\t \t \t </tr> 
 
\t \t </tbody> 
 
\t </table>

Introducir código aquí

Fuente

2016-01-21 11:25:04

+0

El atributo 'background no es compatible con Outlook. Para superar este problema, puede usar VML. Verifique [esto] (https://litmus.com/community/discussions/6173-fixed-outlook-background-images) publicación por ejemplo. –

Cuestiones relacionadas

 Cuestiones relacionadas