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

StackOverflow https://stackoverflow.com/questions/4041912

  •  27-09-2019
  •  | 
  •  

Pregunta

¿Es seguro utilizar position:absolute en una plantilla de correo electrónico?

¿Fue útil?

Solución

depende de la cual los clientes de correo de sus usuarios están utilizando. Perspectiva por ejemplo asas posición:. Bien absoluto, Thunderbird por otro lado hace no

me gustaría probar el diseño de su correo plantilla como "normal" posible. Tablas de gran ayuda, por ejemplo, (puaj).

Ver la página siguiente sobre styling consejos de mensajes en formato HTML, incluyendo algunos consejos posición absoluta:

Otros consejos

Añadir a una vieja pregunta, lo sé - pero puedo confirmar que ni Gmail es compatible con position: absolute en el momento

.

no es una manera segura a la posición absoluta en el uso 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>

incluso ustedes puede utilizar botón que se pulse sobre el mismo mediante la adición de este código en otro td 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
	<meta name="viewport" content="width=device-width" >
	<title></title>
</head>
<body style="Margin:0px; Padding:0px;">
	<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">
		<tbody>
			<tr>
				<td align="center" valign="top">
					<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="center" valign="top">
									<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" >
										<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>
									<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" >
										<tbody>
											<tr>
												<td align="left" valign="top">
													<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>
												</td>
											</tr>
										</tbody>
									</table>
									
					
				</td>
			</tr>
		</tbody>
	</table>

introduzca el código aquí

De acuerdo con Estilo de correo electrónico , ni AOL (antes de la liberación 9), ni Mozilla Mail / ThunderBird (todas las versiones) soporte de posicionamiento absoluto en el cuerpo del correo electrónico.

absoluta en css que no trabaja para el correo electrónico HTML. Si se va a utilizar para la absoluta combinación de imagen , puede utilizar tal estilo. 

 background-image: url(url_to_your_image);

La esperanza que le ayudará.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top