email created by CSS and HTML doesn't work on gmail app [iOS]
Question
I've create this email by using html:
<html> <head> <style> .button { background-color: #8d312f; } div.title { text-align: center; } div.title2 { text-align: center; } div.buttonDiv { text-align: center; } div.bottomBanner { font-family: "Accuratist"; font-size: 14px; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 30px; } img.logoImg { width: 50px; height: 58px; content: url("finixLogo.png"); } </style> <div class="title"> <h1>Welcom to WOW!</h1> </div> </head> <body style="font-family:Accuratist"> <div class="title2"> <h4>To confirm your account click on the following link.</h4> </div> <div class="buttonDiv"> <a href="" class="button"> Confirm account </a> </div> <div class="bottomBanner"> If you have any questions, contact us:<a href="mailto:email@example.com"> email@example.com </a> <br><br> </div> </body> </html>
But when I try to open a link of the button in gmail app on iphone, it doesn't work instead in apple mail, on ios, it works. How can I solve the problem? here's a screenshot of gmail.
1 answers
solution1
2 2018-08-20 12:00:16
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="text-align: center;">
<tbody>
<tr>
<td><h1>Welcom to WOW!</h1></td>
</tr>
<tr>
<td><p><strong>To confirm your account click on the following link.</strong></p></td>
</tr>
<tr>
<td style="padding:10px 0 10px;"><a href="#" style="background-color: #8d312f; color: #fff; padding: 10px 20px; display: inline-block; text-decoration: none; border-radius: 20px; ">Confirm account</a></td>
</tr>
<tr>
<td>Confirm account:</td>
</tr>
<tr>
<td><a href="#">email@example.com </a></td>
</tr>
</tbody>
</table>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
HTML email - GMAIL display block doesn't work properly
Sending email with PHP, Gmail doesn't work
CSS: text-align-last doesn't work in HTML email
HTML email doesn't work :/
Gmail Client for android doesn't apply my css style to email
My custom email CSS don't work on Gmail
Reponsive email template for gmail - media queries in head doesn't work
Email with anchor link doesn't work on gmail, and indexed my “#” link?
Timeline by HTML/CSS for email (gmail…)
GMail doesn't mark up email html (sending via PHP)
Related Tags