9
Có an toàn khi sử dụng position:absolute trong mẫu email không?vị trí mẫu email tuyệt đối?
A
Trả lời
12
Phụ thuộc vào ứng dụng thư mà người dùng của bạn đang sử dụng. Outlook cho ví dụ xử lý vị trí: tuyệt đối tốt, Thunderbird mặt khác thì không.
Tôi sẽ cố gắng thiết kế mẫu thư của bạn là "bình thường" nhất có thể. Bàn giúp đỡ rất nhiều ví dụ (yuck).
Xem trang sau về bí quyết tạo kiểu trên mail HTML, bao gồm một số vị trí tư vấn tuyệt đối:
3
Theo Style in Email, không AOL (trước khi phát hành 9) cũng không Mozilla Mail/ThunderBird (tất cả các phiên bản) hỗ trợ định vị tuyệt đối trong nội dung email.
7
Thêm vào một câu hỏi cũ, tôi biết - nhưng tôi có thể xác nhận rằng GMail không hỗ trợ vị trí: tuyệt đối tại thời điểm này.
3
nó không phải là một cách an toàn để sử dụng vị trí tuyệt đối trong Người gửi Email tại, bởi vì tất cả các máy chủ email did'nt hỗ trợ tag..instead sử dụng postion tuyệt đối các bạn có thể sử dụng
<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>thậm chí các bạn có thể sử dụng nút bấm trên đó bằng cách thêm mã này trong một 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>enter code here
+0
Thuộc tính 'nền' không được Outlook hỗ trợ. Để khắc phục vấn đề này, bạn có thể sử dụng VML. Kiểm tra [this] (https://litmus.com/community/discussions/6173-fixed-outlook-background-images) đăng ví dụ. –
** Cập nhật: ** Outlook 2007 và lên không hỗ trợ 'vị trí: absolute', và ít nhất một số phiên bản của Gmail, Yahoo Mail, Hotmail và có thể không hỗ trợ nó. –