摆脱html表中的差距

时间:2016-09-13 02:29:44

标签: html css dreamweaver

我在电子邮件中只有2个单元格的结尾/开头有差距,我不能为我的生活找出原因。

单元格填充设置为0 cell-spacing = 0

以下是我所拥有的:



<style type="text/css">
h1,h2,h3,h4,h5,h6,h7 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;}
h1 {
	font-size: 20px;
	color: #B99350;
	line-height: 1;
	font-size: 25px;
	padding-top: 10px;
	font-align: center;
	font-weight: normal;
	text-align: center;
}
h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	color: #B99350;
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-transform: capitalize;
}
h4{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	color: #b99350;
	font-size: 22px;
	padding-right: 10px;
	padding-left: 15px;
	font-style: normal;
	text-align: left;
	font-weight: normal;
}
h5{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.3;
	font-weight: normal;
	color: #FAFAFA;
	font-size: 14px;
	padding-top: 3px;
	color: #FCFCFC;
}
h6{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.3;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 15px;
	color: #FFFFFF;
}
h7 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
		padding-top: 3px;
	padding-bottom: 20px;
	padding-right: 20px;
 padding-left: 15px;
	color: #FFFFFF;
	line-height: 25px;
}
h8 {
	padding-left: 15px;}
	
	h9 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
		padding-top: 3px;
	padding-bottom: 20px;
	padding-right: 20px;
 padding-left: 15px;
	color: #FFFFFF;
	line-height: 25px;}
		
body,td,th {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
		padding-top: 3px;
	padding-bottom: 10px;
	color: #FFFFFF;
	line-height: 20px;
}
li {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1em;
	padding-top: 10px;
}
body {
	background-color: #FCFCFC;
}

.blue {
	color: #B99350;
}
</style>
&#13;
<table width="600" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" valign="center" ;
>
  <tbody>
    <tr>
      <td colspan="2" bgcolor="#201545" cellspacing="0" cellpadding="0" style="border-collapse: collapse">
      <h7>• AA rated State Government of South Australia occupies 76% of the NLA</h7>
        <br>
          <h7>• $13 million* spent in refurbishments between 2008 and 2016</h7>
          <br>
          <h7>• 5.3 year WALE and 97% occupancy</h7>
          <br>
          <h7>• Located in the core of Adelaide’s CBD</h7>
          <br>
          <h7>• Surplus land area with development potential</h7>
          <br>
          <h7>• Fully leased net income of $9.3 million*</h7>
          <br>
          <h7>• Net lettable area of 19,855sqm*</h7>
          <br>
          <h7>• 4.5-Star NABERS Rating</h7>
  </p>
        <h7><strong>Please <a href="http://v3au.zone-secure.net/drive/4191/231302/" style="color:#ffffff">click here</a> to view the Information Memorandum
        <h7></strong><br>
        <h9>* approx </h9>
        <hr valign="top" width="100%" size="4px" color="#9D7F4A" align="left"  style="border-collapse: collapse;" >
<h4>FOR SALE VIA EXPRESSIONS OF INTEREST CLOSING 5PM (AEDT) THURSDAY, 20 OCTOBER 2016</h4></td>
    <tr><td valign="top" width="232" align="left" bgcolor="#201545" cellspacing="0" style="padding-left: 15px; ";><img src="JLL_Logo_Rev_WEB.png" width="97" height="42" alt="JLL"/>
        <h5><strong>Rob Sewell<br>
          </strong>+61 407 243 229<br>
         <a href="mailto:rob.sewell@ap.jll.com" style="color:#ffffff">rob.sewell@ap.jll.com</a></h5>
        <h5><strong>Jamie Guerra</strong><br>
          +61 418 849 780<br>
 <a href="mailto:jamie.guerra@ap.jll.com" style="color:#ffffff"> jamie.guerra@ap.jll.com</a></h5>
        <h5><strong>Roger Klem <br>
          </strong>+61 423 919 373<br>
        <a href="mailto:roger.klem@ap.jll.com" style="color:#ffffff"> roger.klem@ap.jll.com</a>
         <br>
         <br>
         <strong>INTERNATIONAL</strong><br>
          <strong>Stuart McCann<br>
          </strong>+65 8522 1031<br>
      <a href="mailto:stuart.mccann@ap.jll.com" style="color:#ffffff"> stuart.mccann@ap.jll.com</a></h5></td>
      <td valign="top" bgcolor="#201545" style="color: #2BACE2; padding-left: 15px;"><img src="KnightFrank_LR.png" alt="KnightFrank" width="108" height="54"/>
        <h5><strong>Guy Bennett<br>
          </strong>+61 418 808 548<br>
          <<a href="mailto:guy.bennett@au.knightfrank.com" style="color:#ffffff"> guy.bennett@au.knightfrank.com</a></h5>
        <h5><strong>Lukas Weeks</strong><br>
          +61 434 957 537<br>
  <a href="mailto:lukas.weeks@au.knightfrank.com" style="color:#ffffff"> lukas.weeks@au.knightfrank.com</a></h5>
        <h5><strong>James Parry</strong><br>
          + 61 408 553 000<br>
 <a href="mailto:james.parry@au.knightfrank.com" style="color:#ffffff"> james.parry@au.knightfrank.com</a>
<br>
<br>
<strong>INTERNATIONAL</strong><br>
  <strong>Neil Brookes<br>
  </strong>+65 8309 4985<br>
 <a href="mailto:neil.brookes@asia.knightfrank.com" style="color:#ffffff"> neil.brookes@asia.knightfrank.com</a></h5></td>
      </tbody>
</table></tr>
</body>
</html>
&#13;
&#13;
&#13;

本节中有2列/单元格,两者都坐在(缺失的)徽标和上面的文本之间有很大的间隙,我无法弄清楚如何关闭它... 请帮忙! 感谢

P.S。顶级代码还没到最后。但我并没有被允许展示剩下的,因为它太多HTML&#34;问题不够......

2 个答案:

答案 0 :(得分:0)

我有答案 -

最后

是&amp;应该摆在他们面前。

这很简单。在前面交换它并且全部固定!

答案 1 :(得分:-1)

首先,这不是你如何使用表! here

其次,每个电子邮件字段后面的空格是h5标记的边距。看到你的所有数据都包含在h5标签中?那些提供了一个上下边缘。尝试删除它以查看效果。你不能称这些“单元格”,因为你没有将单个项目包装在td标签中。

另外,别忘了关闭你的桌子。