问题：

如何摆脱超文本标记语言电子邮件中图像和表格单元格周围的空白

阚通

2023-03-14

我有一封预先设计好的HTML电子邮件，我用Komodo edit对它进行了切片和编码。所有内容都在一个表中，显示：块和边框折叠：折叠已添加到表格内联CSS中，并且行高：0px 到内嵌CSS的单元格。我一直在使用EmailonAcid测试我的HTML电子邮件，似乎发生的事情是，除了Outlook之外，所有的电子邮件程序看起来都很好。Outlook正在为切片图像添加额外的空白，导致周围的内容/图像变得不一致。

<table id="Table_01" style="border: 1px solid #D6D6D7; font-family: sans-serif; font-size: 14px; border-collapse: collapse;" width="800" height="1501" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td colspan="6">
        <img style="display: block;" src="images/edm_personalised_02_01.jpg" width="800" height="312" alt=""></td>
</tr>
<tr>
    <td colspan="6" style="width: 800; height:199px; padding: 20px 10px 0px 15px;">
    <p> ALL MY TEXT GOES HERE</p>
            </td>
</tr>
<tr>
    <td colspan="6">
        <img style="display: block;" src="images/edm_personalised_02_03.jpg" width="800" height="37" alt=""></td>
</tr>
<tr>
    <td colspan="2">
        <img style="display: block;" src="images/edm_personalised_02_04.jpg" width="180" height="47" alt=""></td>
    <td colspan="2" style="width: 135px; height: 47; font-size: 12px; text-transform: uppercase;">
    Text here
            <br/>
            <span style="font-weight: bold;">&#163;#XX.XX#</span>
            </td>
    <td colspan="2">
        <img style="display: block;" src="images/edm_personalised_02_06.jpg" width="485" height="47" alt=""></td>
</tr>
<tr>
    <td colspan="6">
        <img style="display: block;" src="images/edm_personalised_02_07.jpg" width="800" height="88" alt=""></td>
</tr>
<tr>
    <td colspan="3" style="width: 228px; height: 21px; font-size: 12px; text-transform: uppercase; ">

                &nbsp;
                &nbsp;
                &nbsp;

           text here
            </td>
    <td colspan="3">
        <img style="display: block;" src="images/edm_personalised_02_09.jpg" width="572" height="21" alt=""></td>
</tr>
<tr>
    <td style="width:" 90px;  height: 21px; font-size: 12px;">
    <span style="font-weight: bold;">
                &nbsp;
                &nbsp;
                &#163;#XX.XX#</span>    </td>
    <td colspan="5">
        <img style="display: block;" src="images/edm_personalised_02_11.jpg" width="710" height="21" alt=""></td>
</tr>
<tr>
    <td colspan="6">
        <img style="display: block;" src="images/edm_personalised_02_12.jpg" width="800" height="140" alt=""></td>
</tr>
<tr>
    <td colspan="5">
        <img style="display: block;" src="images/edm_personalised_02_13.jpg" width="605" height="48" alt=""></td>
    <td style="width: 195px; height: 48px; font-size: 12px;text-transform: uppercase;">
    text here
            <br/>
            <span style="font-weight: bold; ">&#163;#XX.XX#</span>
            </td>
</tr>
<tr>
    <td colspan="6">
        <img style="display: block;" src="images/edm_personalised_02_15.jpg" width="800" height="66" alt=""></td>
</tr>
<tr>
    <td colspan="6" style="width: 800px; height: 145px; font-size: 24px; text-align: center;">
    #dealername#
            <br/>
            #contact_number#</td>
</tr>
<tr>
    <td colspan="6">
        <img style="display: block;" src="images/edm_personalised_02_17.jpg" width="800" height="329" alt=""></td>
</tr>
<tr>
    <td colspan="6">
        <img style="display: block;" src="images/edm_personalised_02_18.jpg" width="800" height="58" alt=""></td>
</tr>
<tr>
    <td>
        <img style="display: block;" src="images/spacer.gif" width="90" height="1" alt=""></td>
    <td>
        <img style="display: block;" src="images/spacer.gif" width="90" height="1" alt=""></td>
    <td>
        <img style="display: block;" src="images/spacer.gif" width="48" height="1" alt=""></td>
    <td>
        <img style="display: block;" src="images/spacer.gif" width="87" height="1" alt=""></td>
    <td>
        <img style="display: block;" src="images/spacer.gif" width="290" height="1" alt=""></td>
    <td>
        <img style="display: block;" src="images/spacer.gif" width="195" height="1" alt=""></td>
</tr>

有没有办法去掉多余的空间？

共有2个答案

岳嘉良

2023-03-14

问题是，切片完整布局有时会为图像创建不必要的空白，因为完整布局切片不能正确证明布局的trs和tds是合理的。我建议你需要在Dreamweaver中创建一个表格，只切片你需要的图像，并手动放置它们。这将解决你的问题。我实际上已经做了，它对我很有效。

姚浩歌

2023-03-14

试试style=“线条高度：0px；”在表格单元格上。

还要仔细查看表格单元格和图像上的宽度和高度是否正确，设置是否正确。

类似资料：

MIME类型以满足超文本标记语言、电子邮件、图像和纯文本？

Mail multipart/alternative vs multipart/mixed的答案表明，附件应该是多部分/alternative消息的对等方，如：多部分/混合我想发送带有html部分的电子邮件，其中包含一些内联图像和纯文本选项。各部分的首选MIME布局是什么？示例代码和其他问题中出现了几个选项，但在实践中哪个选项效果最好？我的倾向是：多部分/备选方案这样，图像显然是为了渲染h
如何通过OpenNLP从超文本标记语言格式的电子邮件文件中提取数据？

我正在做一个项目，我通过电子邮件发送了来自不同快递公司的收据。这些电子邮件是HTML格式的。但是，它们并没有都形成特定的结构。每封电子邮件都有不同的格式。我尝试了jshop来提取数据，但很难为每种特定类型的html编写提取。我需要从邮件中提取名称、位置、位置、组织和其他一些细节。我尝试了openNLP，但它不能识别所有位置和名称。如果它是句子形式，它会捕获一些位置。我可以用html内容创建自己
超文本标记语言纯文本的电子邮件MIME类型

我有一位客户/朋友正在准备通过agencyaccess发送电子邮件。他们需要一个包含所有内容的html文档，并在一个html文档中包含电子邮件的纯文本版本。我想我有一个基本的理解，但有点困惑。我通常使用Mailchimp来处理我的电子邮件营销。因此，我们将使用常规的html文档但是，我们是否在此下方的某个地方为纯文本版本声明了另一种mime类型，然后电子邮件客户端选择要显示的类型？这两者是否都
超文本标记语言-根据内容更改表格单元格颜色

我必须说我在这方面绝对是个新手。我正在编写一个带有表格的小xslt演示文件，我想根据内容更改单元格或行的背景色（两者都可以，但我更喜欢只更改单元格背景）。示例：RATING="GOOD""MEDIUM""BAD"；根据它的值，我希望背景是绿色、黄色或红色。我当前的表格代码: 提前感谢您 --编辑——我的问题已由@Yaakov Ainspan回答，并由@Ruud解决，他为我提供了我所缺少的代码。
如何在超文本标记语言标记中选择文本，而周围没有标记（JSoup）

我想选择强标签内的文本，但不在其下的div。。。有没有可能直接与jsoup合作？我的选择尝试（不工作，选择强标签内的完整内容）： HTML:
通过电子邮件将Google Sheet范围（带或不带格式）作为Gmail消息中的超文本标记语言表

因此，我有一个谷歌电子表格，希望通过使用谷歌电子表格触发器以HTML表格的形式通过电子邮件发送“每日报告”表中的一部分内容来创建自动化的每日报告。我在工作表中设置了一些条件格式，以使它能够绘制列中所有在所述列中具有MAX（value）的单元格。我已经成功地创建了下面的代码，通过电子邮件向我发送了范围，但Gmail没有将其识别为HTML表格，而是纯文本。我尝试在MailApp.send电子邮件

如何摆脱超文本标记语言电子邮件中图像和表格单元格周围的空白

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档