posizione di modello e-mail assoluta?
-
27-09-2019 - |
Domanda
E 'sicuro usare position:absolute
in un modello e-mail?
Soluzione
dipende da quale client di posta elettronica gli utenti utilizzano. Outlook per la posizione esempio maniglie:. Bene assoluto, Thunderbird d'altra parte non si
vorrei provare a progettare la vostra posta-modello come "normale" possibile. Le tabelle aiutano molto per esempio (bleah).
Si veda la pagina seguente sui prodotti di suggerimenti su come mail HTML, tra cui qualche posizione assoluta consiglio:
Altri suggerimenti
In aggiunta a una vecchia questione, lo so - ma posso confermare che né Gmail supporta position: absolute al momento
.Non è un modo sicuro per posizione d'uso in assoluta emailers, perché tutti i server di posta elettronica did'nt sostenere la tag..instead utilizzando postion assoluti voi ragazzi possono utilizzare
<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>
anche voi ragazzi può utilizzare il pulsante cliccabile su di esso con l'aggiunta di questo codice in un altro 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>
inserire il codice qui
Style in Email , né AOL
(prima del rilascio 9), né Mozilla Mail
/ ThunderBird
(tutte le versioni) supporta il posizionamento assoluto nel corpo del messaggio.
assoluta in css non funziona per e-mail HTML. Se si gonna usare assoluto per combinazione Immagine , è possibile utilizzare tale stile.
background-image: url(url_to_your_image);
La speranza che vi aiuterà.