Question

我为我们公司的电子邮件模板创建了一个标题，幸运的是我能够在网上找到一个基本模板，并根据我们的要求进行调整。谈到HTML，我是一个真正的初学者，所以我确信它也有很多错误。我需要弄清楚如何将蓝色横幅减少到42px的高度，但我尝试的一切都会破坏它。我也被告知我600宽的选择是非常老的学校应该是1200.我也尝试改变它，但它失去了所有其他格式，看起来很糟糕。它应该是响应，如果有人可以提出任何编辑建议，我将非常感激。

header.txt header.html

Answer 1

尝试更改包含徽标/图像的td中的填充。要减小蓝色横幅的高度，请减少上述表格数据顶部和底部的padiing。

这对您有所帮助，但另一种方法是降低徽标高度。

Answer 2

通过查看代码，没有特定的“高度”被分配给表容器，您可以更改为指定为42px。您可以做的最多是从内部容器中删除“顶部”和“底部”填充，以使标题的高度更小。

以下是包含更改的示例代码。如果你注意到，我将顶部和底部填充更改为0px。对于第二个td，我留下5px用于顶部填充，以在徽标和屏幕的顶部边缘之间添加一些空格。如果要编辑宽度，我将宽度更改为800px，但您还需要调整表格内2个容器的宽度。例如，我将它们从270px更改为370px。

最后，我同意你发现的这个“模板”看起来非常复杂，学习一些基本的html和css会更好，而你想要做的事情很简单，可以更简单地完成码。祝你好运！

<center>
        <table cellspacing="0" cellpadding="0" width="800" class="w320">
          <tr>
            <td valign="top" width="370" style="background:#2980B9;padding:0px 15px 0px 15px;">
              <a href="https://www.hayley-group.co.uk/" style="text-decoration:none;">
                <img src="http://hosted.hayley-group.co.uk/shop/hayley_web_logo_white(trans).png" width="110" height="auto" alt="Hayley Group PLC Logo"/>
              </a>
            </td>
            <td valign="top"  width="370" style="background:#2980B9;padding:5px 15px 0px 15px">
              <table border="0" cellpadding="0" cellspacing="0" class="mobile-center-block" align="right">
                <tr>
                  <td align="right">
                    <a href="https://www.facebook.com/HayleyGroup/">
                    <img src="http://hosted.hayley-group.co.uk/shop/social_facebook.png"  width="30" height="30" alt="social icon"/>
                    </a>
                  </td>
                  <td align="right" style="padding-left:5px">
                    <a href="https://twitter.com/HayleyGroup">
                    <img src="http://hosted.hayley-group.co.uk/shop/social_twitter.png"  width="30" height="30" alt="social icon"/>
                    </a>
                  </td>
                  <td align="right" style="padding-left:5px">
                    <a href="https://www.linkedin.com/company/hayley-group">
                    <img src="http://hosted.hayley-group.co.uk/shop/social_linkedin.png"  width="30" height="30" alt="social icon"/>
                    </a>
                  </td>
                 </tr>
              </table>
            </td>
          </tr>
        </table>
 </center>

无法更改HTML中的标题高度

2 个答案: