无法更改HTML中的页眉高度

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

---

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

---

这有助于您，但另一种方法是降低徽标高度

从代码看，没有指定给表容器的特定“高度”，您可以将其更改为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/CSS的基本知识并编写自己的模板。您给出的示例代码非常复杂，将内联样式与样式表、多个表元素等混合在一起。因此，尝试根据您的特定需要修改此代码将导致您做更多的工作。如果你学习了盒子模型和定位的基础知识，你应该能够轻松地重新创建你需要的东西。我完全同意@Sam，这在理想世界中是最好的，但我已经被扔到了最后期限。也许有一天，当我有时间的时候，我可以从零开始尝试去创造一些东西，但现在我必须尝试用我所拥有的东西去工作。那真是一种享受，谢谢！我把徽标周围的填充物改为1px，然后徽标改为40，大大缩小了尺寸。非常感谢你！非常感谢，这真的很有帮助，帮助我更好地理解了填充和td的工作原理。我要试一试。你的建议和@uttehh所说的相结合，应该能帮我大忙！下一个项目，学习如何建立一个基本的html页面都由我自己！