{"id":11267,"date":"2011-05-18T02:11:44","date_gmt":"2011-05-18T02:11:44","guid":{"rendered":"http:\/\/bme2.flywheelsites.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/"},"modified":"2024-09-18T10:14:05","modified_gmt":"2024-09-18T10:14:05","slug":"html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email","status":"publish","type":"post","link":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/","title":{"rendered":"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d"},"content":{"rendered":"<p>When coding a newsletter with HTML, there are several email clients you must account for and each has a slightly different way of handling images. If you\u2019re using Hotmail, Gmail or Outlook you may have noticed a thin white band or gap splitting one or more of the images in your HTML email. This also seems to be a problem with users of Firefox, Safari, Opera and Chrome (though not Internet Explorer).<\/p>\n<p>For Hotmail users, correcting the issue requires the simple insertion of the following code into the top of your HTML file:<\/p>\n<h4><b>&lt;style&gt;img {display:block}&lt;\/style&gt;<\/b><\/h4>\n<p>If you\u2019re using Gmail, an additional code is needed for individual images. Inside the image HTML, add this code<\/p>\n<h4>&lt;img style=\u201d<b>display:block<\/b>\u201d src=\u201dexampleimage.jpg\u201d alt=\u201dexample\u201d \/&gt;<\/h4>\n<p>Google altered the way it displays images in mid-2010, which is when these gaps started to appear. So make sure to go through all, if any, of your <a href=\"https:\/\/www.benchmarkemail.com\/resources\/free-html-email-templates\">email templates<\/a> and newsletters that you still use from this time. Also make sure to send test emails to multiple email clients and open them with different browsers and hardware whenever possible to ensure that your newsletter is being displayed properly.<\/p>\n<p>For more information on engaging with multiple browsers, click the link to learn how to Test Your Email Campaigns for Readability.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When coding a newsletter with HTML, there are several email clients you must account for and each has a slightly different way of handling images. If you\u2019re using Hotmail, Gmail or Outlook you may have noticed a thin white band or gap splitting one or more of the images in your HTML email. This also&hellip;<\/p>\n","protected":false},"author":44,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2186],"tags":[132,572,2191,2192,2285,2286,2287,2288,2289],"class_list":["post-11267","post","type-post","status-publish","format-standard","hentry","category-2186","tag-html","tag-gmail","tag-2191","tag-2192","tag-2285","tag-2286","tag-2287","tag-2288","tag-2289"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d - Benchmark Email<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d - Benchmark Email\" \/>\n<meta property=\"og:description\" content=\"When coding a newsletter with HTML, there are several email clients you must account for and each has a slightly different way of handling images. If you\u2019re using Hotmail, Gmail or Outlook you may have noticed a thin white band or gap splitting one or more of the images in your HTML email. This also&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7e41\u9ad4\u4e2d\u6587 Benchmark Email\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BenchmarkEmail1\/?locale=zh_TW\" \/>\n<meta property=\"article:published_time\" content=\"2011-05-18T02:11:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-18T10:14:05+00:00\" \/>\n<meta name=\"author\" content=\"Benchmark Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benchmark Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/\"},\"author\":{\"name\":\"Benchmark Team\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#\\\/schema\\\/person\\\/bb441e78bfef71cd3c31f51bbbbc627d\"},\"headline\":\"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d\",\"datePublished\":\"2011-05-18T02:11:44+00:00\",\"dateModified\":\"2024-09-18T10:14:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/\"},\"wordCount\":226,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#organization\"},\"keywords\":[\"HTML\",\"Gmail\",\"\u96fb\u5b50\u5831\",\"\u96fb\u5b50\u90f5\u4ef6\",\"\u5716\u7247\",\"\u7248\u9762\",\"\u7591\u96e3\u6392\u89e3\",\"\u767d\u8272\u6a6b\u689d\",\"\u7a7a\u884c\"],\"articleSection\":[\"\u5e73\u53f0\u529f\u80fd\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/\",\"name\":\"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d - Benchmark Email\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#website\"},\"datePublished\":\"2011-05-18T02:11:44+00:00\",\"dateModified\":\"2024-09-18T10:14:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#website\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/\",\"name\":\"\u7e41\u9ad4\u4e2d\u6587 Benchmark Email\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#organization\",\"name\":\"Benchmark Email\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2019\\\/09\\\/benchmark-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2019\\\/09\\\/benchmark-logo.svg\",\"width\":1,\"height\":1,\"caption\":\"Benchmark Email\"},\"image\":{\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BenchmarkEmail1\\\/?locale=zh_TW\",\"https:\\\/\\\/www.instagram.com\\\/benchmark.taiwan\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/#\\\/schema\\\/person\\\/bb441e78bfef71cd3c31f51bbbbc627d\",\"name\":\"Benchmark Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g\",\"caption\":\"Benchmark Team\"},\"url\":\"https:\\\/\\\/www.benchmarkemail.com\\\/tw\\\/blog\\\/author\\\/benchmarkteam\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d - Benchmark Email","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/","og_locale":"en_US","og_type":"article","og_title":"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d - Benchmark Email","og_description":"When coding a newsletter with HTML, there are several email clients you must account for and each has a slightly different way of handling images. If you\u2019re using Hotmail, Gmail or Outlook you may have noticed a thin white band or gap splitting one or more of the images in your HTML email. This also&hellip;","og_url":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/","og_site_name":"\u7e41\u9ad4\u4e2d\u6587 Benchmark Email","article_publisher":"https:\/\/www.facebook.com\/BenchmarkEmail1\/?locale=zh_TW","article_published_time":"2011-05-18T02:11:44+00:00","article_modified_time":"2024-09-18T10:14:05+00:00","author":"Benchmark Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Benchmark Team","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/#article","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/"},"author":{"name":"Benchmark Team","@id":"https:\/\/www.benchmarkemail.com\/tw\/#\/schema\/person\/bb441e78bfef71cd3c31f51bbbbc627d"},"headline":"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d","datePublished":"2011-05-18T02:11:44+00:00","dateModified":"2024-09-18T10:14:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/"},"wordCount":226,"commentCount":0,"publisher":{"@id":"https:\/\/www.benchmarkemail.com\/tw\/#organization"},"keywords":["HTML","Gmail","\u96fb\u5b50\u5831","\u96fb\u5b50\u90f5\u4ef6","\u5716\u7247","\u7248\u9762","\u7591\u96e3\u6392\u89e3","\u767d\u8272\u6a6b\u689d","\u7a7a\u884c"],"articleSection":["\u5e73\u53f0\u529f\u80fd"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/","url":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/","name":"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d - Benchmark Email","isPartOf":{"@id":"https:\/\/www.benchmarkemail.com\/tw\/#website"},"datePublished":"2011-05-18T02:11:44+00:00","dateModified":"2024-09-18T10:14:05+00:00","breadcrumb":{"@id":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.benchmarkemail.com\/tw\/blog\/html-tips-how-to-eliminate-white-bars-and-gaps-in-your-html-email\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.benchmarkemail.com\/tw\/"},{"@type":"ListItem","position":2,"name":"HTML\u5c0f\u6280\u5de7\uff1a\u5982\u4f55\u6e05\u9664HTML\u90f5\u4ef6\u4e2d\u7684\u767d\u8272\u6a6b\u689d"}]},{"@type":"WebSite","@id":"https:\/\/www.benchmarkemail.com\/tw\/#website","url":"https:\/\/www.benchmarkemail.com\/tw\/","name":"\u7e41\u9ad4\u4e2d\u6587 Benchmark Email","description":"","publisher":{"@id":"https:\/\/www.benchmarkemail.com\/tw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.benchmarkemail.com\/tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.benchmarkemail.com\/tw\/#organization","name":"Benchmark Email","url":"https:\/\/www.benchmarkemail.com\/tw\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.benchmarkemail.com\/tw\/#\/schema\/logo\/image\/","url":"https:\/\/www.benchmarkemail.com\/tw\/wp-content\/uploads\/sites\/8\/2019\/09\/benchmark-logo.svg","contentUrl":"https:\/\/www.benchmarkemail.com\/tw\/wp-content\/uploads\/sites\/8\/2019\/09\/benchmark-logo.svg","width":1,"height":1,"caption":"Benchmark Email"},"image":{"@id":"https:\/\/www.benchmarkemail.com\/tw\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BenchmarkEmail1\/?locale=zh_TW","https:\/\/www.instagram.com\/benchmark.taiwan\/"]},{"@type":"Person","@id":"https:\/\/www.benchmarkemail.com\/tw\/#\/schema\/person\/bb441e78bfef71cd3c31f51bbbbc627d","name":"Benchmark Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7cad2eb67e1b5399c3fc91a36587b732111adaecc965daecca556ef6a03c5041?s=96&d=mm&r=g","caption":"Benchmark Team"},"url":"https:\/\/www.benchmarkemail.com\/tw\/blog\/author\/benchmarkteam\/"}]}},"_links":{"self":[{"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/posts\/11267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/users\/44"}],"replies":[{"embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/comments?post=11267"}],"version-history":[{"count":0,"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/posts\/11267\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/media?parent=11267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/categories?post=11267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.benchmarkemail.com\/tw\/wp-json\/wp\/v2\/tags?post=11267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}