Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara Membuat Letter
Jadi gini, saya berencana membuat letter. Namun layoutnya ketika saya view di Email Mass Sender gak seperti view di browser.
Saya berspekulasi bahwa mungkin harus pakai media queries, namun saya coba cari letter yang view di Email Mass Sender sama di browser viewnya sama. Saya coba hapus media queries yang ada di letter yg sudah jadi tadi, namun ketika media queriesnya saya hapus view yg ada di Email Mass Sender sama view dibrowser sama persis.
Langsung saja ini fotonya (Email yg sudah jadi)
Ini yang buatan saya sendiri
Jadi yang salah kira2 apanya ya ? Padahal kedua kode tersebut gak ada media queriesnya, yang atas pakai table buat layoutnya. Yang punya saya sendiri pakai div untuk buat layoutnya. Please help
ini kode saya
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test-2</title>
<style>
</style>
</head>
<body style="color: #767676; background-color: #f2f2f2; font-family: Helvetica,sans-serif; font-size: 13px; margin: 0; padding: 0;">
<div class="wraper" style="width: 100%; margin: 0 auto; padding: 0; overflow: auto;">
<div class="main" style="max-width: 700px; overflow: auto; margin: 0 auto;">
<p><strong>service@intl.paypal.com</strong> – We've restricted your account access.</p>
<p>To ensure that you are able to receive our emails, please add <strong>@e.paypal.com</strong> & <strong>service@intl.paypal.com</strong> to your safe senders list.
<div class="header" style="width: 100%; background-color: white; display: block; overflow: auto; margin: 0; padding: 0;">
<img src="http://snag.gy/7TGXE.jpg"/ style="margin: 20px 0 15px 15px;">
</div>
<div class="sub-header" style="background-color: #e1e1e1; width: 100%; overflow: auto; margin: 0; padding: 0;">
<div class="text-subheader" style="margin: 12px 0 10px 15px; padding: 0; border: 1px solid red; max-width: 160px;">
<p style="margin: 0 0 3px 0; padding: 0;">Email Address</p>
<p style="margin: 0 0 3px 0; padding: 0;"><strong>service@intl.paypal.com</strong></p>
</div>
</div>
</div>
</div>
</body>
</html>
2 Jawaban:
Maksudnya ini gimana ?
1. (foto yang atas) itu ada add a cart, dan pasti kodingannya juga ada, sedangkan di kodingan Anda itu tidak dicantumkan mangkanya tidak nampak (foto yg bawah). 2. "Padahal kedua kode tersebut gak ada media queriesnya," ini maksudnya apaan ? 3. Coba Anda belajar lagi html + css ^^ Itu aja menurut saya.
bukan gitu gan maksut pertanyaan saya.
1. Foto yang pertama itu kodingan orang, nah di kodingan itu gak ada responsivenya tapi kok pass saya view di email sender bisa tampil sempurna kayak tampil di browser.
2. Sedangkan foto yang kedua itu kodingan saya. Nah kodingan saya juga gak ada responsivenya tapi kok viewnya beda sama view yang ada di website. Coba agan lihat width foto yg kedua pas di preview (Email Sender) jadi 100%. Padahal di browser saya sudah tempatin di tengah2.